diff --git a/.github/workflows/copies.yml b/.github/workflows/copies.yml new file mode 100644 index 0000000..df1573b --- /dev/null +++ b/.github/workflows/copies.yml @@ -0,0 +1,19 @@ +name: copies +on: + push: + branches: + - '**' +jobs: + copies: + runs-on: ubuntu-latest + permissions: + contents: write + steps: + - uses: actions/checkout@v4 + - run: cp TangerineUI.css mastodon/app/javascript/styles/tangerineui/tangerineui.scss + - run: cp TangerineUI-purple.css mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss + - run: cp TangerineUI-cherry.css mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss + - uses: stefanzweifel/git-auto-commit-action@v5 + with: + commit_message: Copy CSS files to installation folder + file_pattern: 'mastodon/' diff --git a/README.md b/README.md index 33ffa57..b0b91d1 100644 --- a/README.md +++ b/README.md @@ -10,40 +10,82 @@ ## A Tangerine redesign for Mastodon's Web UI. Tangerine UI features a bubblier look, a more compact timeline, round avatars, and a soft color palette that automatically switches between light and dark modes. -[πŸ•ΉοΈ **Live demo** @ nileane.fr](https://nileane.fr) β€’ [πŸ“’ **Announcement** post on Mastodon](https://nileane.fr/@nileane/110691663040709608) β€’ [πŸ“ **Changelog**](https://github.com/nileane/TangerineUI-for-Mastodon/releases) +[πŸ•ΉοΈ **Live demo** @ nileane.fr](https://nileane.fr) β€’ [πŸ‘‹ **Follow Tangerine UI** on Mastodon](https://nileane.fr/@TangerineUI) β€’ [πŸ“ **Changelog**](https://github.com/nileane/TangerineUI-for-Mastodon/releases) -[🐘 **Follow Tangerine UI** on Mastodon](https://nileane.fr/@TangerineUI) - -## Summary +## Table of contents * [**Variants**](#variants) +* [**Features**](#features) * [**List of instances that use Tangerine UI**](#list-of-instances-that-use-tangerine-ui) +* [**Compatibility**](#compatibility) * [**Installation**](#installation-for-mastodon-admins) * [Install on a **Mastodon** instance](#installation-for-mastodon-admins) * [Install on a **Glitch-soc** instance](#installation-for-glitch-soc-admins) * [Install as a regular user](#installation-for-regular-users) -* [**Things to know**](#things-to-know) * [**Accessibility**](#accessibility) * [**Credits**](#credits) * [**Support me**](#support-me-3) + ## Variants -* **Tangerine 🍊** - Default variant for Tangerine UI, featuring a soft orange palette. +**🍊 Tangerine** +Default variant for Tangerine UI, featuring a soft orange palette. -![Tangerine UI's orange palette, both in dark and light modes.](https://github.com/nileane/TangerineUI-for-Mastodon/assets/914451/5048329b-9d95-4b11-a859-48c1f37d54e6) +TangerineUI-tangerine +  -* **Purple πŸͺ»** - For those of you who like Tangerine UI but want to stick to Mastodon's purple palette. -![Tangerine UI's purple variant, both in dark and light modes.](https://github.com/nileane/TangerineUI-for-Mastodon/assets/914451/c01c7a54-d2db-4fe5-a0f6-dc6e77cfe128) +**πŸͺ» Purple** +For those of you who like Tangerine UI but want to stick to Mastodon's purple. + +TangerineUI-purple +  + + +**πŸ’ Cherry** +I won't be held responsible if you end up licking your screen because of this one. + +TangerineUI-cherry + + +## Features + +* πŸ§‘β€πŸ”¬ **Support for the advanced web interface** + All variants of Tangerine UI support Mastodon's multi-column layout. + +Mastodon's advanced web interface featuring Tangerine UI + + +* πŸš€ **Thoughtful animations** + The rocket flies! + Clicking the Boost buttons makes the rocket icon seeming like it's taking off. Clicking the favorite button makes it bounce. Cliking the bookmark button makes it shake vertically. + + +* 🌚 **Dark mode** + Tangerine UI automatically switches from light to dark mode based on your system or browser preference.[^1] + [^1]: Tangerine UI uses the [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) CSS media feature to detect if you have requested a light or dark theme through an operating system setting or a user agent setting. + +* πŸ’¬ **Distinct look for DMs** + It can be easy to mistake a DM for a regular post on Mastodon. Tangerine UI gives DMs a specific look, so they stand out in your timeline, and you don't make any embarrassing mistakes. + with Tangerine UI, DMs have a distinct speech bubble look. + +* πŸ‘οΈ **Compact timeline** + Avatars are aligned on the side, margins are properly reduced, and threads are easier to read. + +* ✴️ **Phosphor icons** + Tangerine UI uses a selection of icons from the beautiful [Phosphor](https://phosphoricons.com) icon family + +* πŸ” **Zoom on emojis** + Custom emojis are great, but they may be difficult to distinguish when they are overly detailed. Tangerine UI allows you to hover and pause over an emoji to enlarge it. + +* ✳️ **and more** + Tangerine UI was designed with care and great attention to detail. Feel free to explore all the changes it brings to Mastodon's UI, and feel free to [message me](https://nileane.fr/@TangerineUI) if you ever have any feedback to share or [bugs to report](https://github.com/nileane/TangerineUI-for-Mastodon/issues). :) + - ## List of instances that use Tangerine UI -These are known instances that have enabled Tangerine UI for their users, either as the only theme, or as an optional theme. - -If you're an admin and have installed Tangerine UI on your instance, **feel free to add yours here** (open a PR, or just [DM me](https://nileane.fr/@nileane)) +These are known instances that have enabled Tangerine UI for their users, either as the only theme, or as an optional theme.[^2] +[^2]: If you're an admin and have installed Tangerine UI on your instance, **feel free to add yours to this list**. (Make a Pull Request, or just [DM me](https://nileane.fr/@tangerineui)) | **Instance** | **User count** | **Installed as...** | **Default theme?** | | -------------------------------------------------------- | -------------- | ------------------- | ----------------------- | @@ -72,11 +114,23 @@ If you're an admin and have installed Tangerine UI on your instance, **feel free | [mastodon.projetretro.io](mastodon.projetretro.io) | 1+ | an optional theme | No | +## Compatibility +βœ… **[Tangerine UI v2._x_](https://github.com/nileane/TangerineUI-for-Mastodon/releases/latest) is compatible with instances running Mastodon 4.3 and newer.**[^3] +[^3]: Tangerine UI v2._x_ is also compatible with instances running a version of **Glitch-soc** based on Mastodon 4.3 and newer, as long as it is [installed as a vanilla theme](#installation-for-glitch-soc-admins) on these instances. + +⚠️ For instances running Mastodon 4.1._x_ or 4.2._x_, use [**Tangerine UI v1.9.4**](https://github.com/nileane/TangerineUI-for-Mastodon/tree/v1.9.4) instead.[^4][^5] +[^4]: The advanced web interface (multi-column layout) is not supported by Tangerine UI v1.9.4 and will fall back to Mastodon's default appearance if enabled. +[^5]: The Cherry variant is not available with Tangerine UI v1.9.4. + +🚫 Tangerine UI is not compatible with instances running Mastodon 4.0._x_ and older. + + ## Installation for Mastodon admins ### Install Tangerine UI as the only theme on your instance: -* Copy & paste the contents of [`TangerineUI.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI.css) to the **Custom CSS** field in the administration panel on your Mastodon instance (Navigate to https://*domain*/admin/settings/appearance). +* Copy & paste the contents of 🍊 [`TangerineUI.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI.css) to the **Custom CSS** field in the administration panel on your Mastodon instance (Navigate to https://*domain*/admin/settings/appearance). * πŸͺ» For the purple variant, copy the contents of [`TangerineUI-purple.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-purple.css) instead. + * πŸ’ For the cherry variant, copy the contents of [`TangerineUI-cherry.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-cherry.css) instead. ⚠️ **Caution: Using the 'Custom CSS' field to apply Tangerine UI will prevent all users on your instance from being able to choose another theme in their Appearance settings** ([see *Accessibility*](#accessibility)). Please make sure there is a consensus among your users for doing so. If not, see below how to install Tangerine UI as an optional theme for your users. @@ -92,14 +146,15 @@ cp -r $REPO/mastodon/app/javascript/styles/* $INSTALLDIR/app/javascript/styles ``` -2. **Add Tangerine UI to `themes.yml`**. To make Tangerine UI available in your users's settings, you need to add a new line to [`config/themes.yml`](https://github.com/mastodon/mastodon/blob/main/config/themes.yml). Here we're adding 2 new lines, one for Tangerine UI, another for Tangerine UI's purple variant: +2. **Add Tangerine UI to `themes.yml`**. To make Tangerine UI available in your users's settings, you need to add a new line to [`config/themes.yml`](https://github.com/mastodon/mastodon/blob/main/config/themes.yml). Here we're adding 3 new lines, one for Tangerine UI, a 2nd one for the purple variant, and a 3rd one for the Cherry variant: ```yml default: styles/application.scss contrast: styles/contrast.scss mastodon-light: styles/mastodon-light.scss -tangerineui: styles/tangerineui.scss | **new** -tangerineui-purple: styles/tangerineui-purple.scss | **new** +tangerineui: styles/tangerineui.scss +tangerineui-purple: styles/tangerineui-purple.scss +tangerineui-cherry: styles/tangerineui-cherry.scss ``` 3. **Add a localized name (optional).** You can edit each desired language's locale file in `config/locales/[lang].yml` to add a localized string name for Tangerine UI. You need to do this for every language you expect your users to use. Otherwise, in their themes list, they will see the unlocalized theme name ("*tangerineui-purple*"), instead of a readable theme name ("*Tangerine UI (Purple)*"). @@ -109,13 +164,14 @@ themes: contrast: Mastodon (High contrast) default: Mastodon (Dark) mastodon-light: Mastodon (Light) - tangerineui: Tangerine UI | **new** - tangerineui-purple: Tangerine UI (Purple) | **new** + tangerineui: Tangerine UI + tangerineui-purple: Tangerine UI (Purple) + tangerineui-cherry: Tangerine UI (Cherry) ``` 4. **Compile theme assets and restart.** Run `RAILS_ENV=production bundle exec rails assets:precompile` and restart your Mastodon instance for the changes to take effect. -Your users should now be able to choose '*Tangerine UI*' and '*Tangerine UI (Purple)*' as their site theme: +Your users should now be able to choose '*Tangerine UI*', '*Tangerine UI (Purple)*', or '*Tangerine UI (Cherry)*' as their site theme: ![Screenshot : select Tangerine UI as a theme in appearance settings on Mastodon.](https://github.com/nileane/TangerineUI-for-Mastodon/assets/914451/8cce803c-099b-4f25-8e39-e1c0da3aa6dc) @@ -152,24 +208,20 @@ Your users should now be able to select Tangerine UI as a theme in their setting Even if you are not an admin on your instance, you can still use Tangerine UI with a browser extension: 1. Install any browser extension that allows you to inject CSS on a webpage, such as [Stylus](https://add0n.com/stylus.html), or [Live CSS Editor](https://github.com/webextensions/live-css-editor) -2. Copy & paste the contents of [`TangerineUI.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI.css) to the extension's editor +2. Copy & paste the contents of 🍊 [`TangerineUI.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI.css) to the extension's editor * πŸͺ» For the purple variant, copy the contents of [`TangerineUI-purple.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-purple.css) instead. + * πŸ’ For the cherry variant, copy the contents of [`TangerineUI-cherry.css`](https://github.com/nileane/TangerineUI-for-Mastodon/blob/main/TangerineUI-cherry.css) instead. ⚠️ If you are a user on a Glitch-soc instance, you must switch to the Vanilla Mastodon flavour for Tangerine UI to work properly: in your instance settings, navigate to Flavours β†’ Vanilla Mastodon β†’ select the 'Default' skin. πŸ’‘ Alternatively, if you wish to use a JavaScript browser extension, [@Write](https://github.com/Write) has written a ready-to-use UserScript to load Tangerine UI on any Mastodon instance. Check out [the TangerineUI-Userscript repository](https://github.com/Write/TangerineUI-Userscript) for instructions. -## Things to know -* **Tangerine UI currently only supports Mastodon's single column layout**. The advanced web interface (multiple columns) will not be affected. -* **Tangerine UI auto-switches from light to dark mode based on your OS preference**. -* Check your Mastodon instance version before using. The latest Mastodon release checked to be compatible is indicated in the CSS file header. ## Accessibility -Please consider that some of your users may depend on Mastodon's High Contrast theme before [setting Tangerine UI as the only theme](#install-tangerine-ui-as-the-only-theme-on-your-instance) on your instance. For this reason, unless you're running a single-user instance, I recommend [installing Tangerine UI as an optional/revertable theme](#install-tangerine-ui-as-an-optional-theme-on-your-instance-recommended) instead. +Please consider that some of your users may depend on Mastodon's High Contrast theme before [setting Tangerine UI as the only theme](#install-tangerine-ui-as-the-only-theme-on-your-instance) on your instance. For this reason, unless you're running a single-user instance, I strongly recommend [installing Tangerine UI as an optional/revertable theme](#install-tangerine-ui-as-an-optional-theme-on-your-instance-recommended) instead. ## Credits -* The logo for Tangerine UI was designed by [Younis @younishd](https://younishd.fr). 🍊 -* Huge thanks to [Roni Laukkarinen](https://mementomori.social/@rolle) whose work on [Mastodon Bird UI](https://github.com/ronilaukkarinen/mastodon-bird-ui) I adapted for some parts of the design. +The logo for Tangerine UI was designed by [Younis @younishd](https://younishd.fr). 🍊 ## Support me <3 -If you enjoy Tangerine UI, please consider leaving a [tip πŸ’›](https://ko-fi.com/nileane)! +If you enjoy Tangerine UI, I would really appreciate a [tip πŸ’›](https://ko-fi.com/nileane)! diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css new file mode 100644 index 0000000..2143f52 --- /dev/null +++ b/TangerineUI-cherry.css @@ -0,0 +1,4885 @@ +/* TangerineUI 🍊 for Mastodon ・ Cherry variant πŸ’ + version: 2.0.0-pre + + A Tangerine redesign for Mastodon's Web UI. + https://github.com/nileane/TangerineUI-for-Mastodon/ + + by @nileane@nileane.fr + + Compatible with: Mastodon v4.3.0 βœ… +*/ + + +/* 🎨 Colors */ +:root { + --color-bg: #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-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); + } +} + + +/* πŸ“ 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% - 4em); +} +.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: 500px; + 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:focus { + box-shadow: 0 0 0 2px 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; +} + + +/* 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; + } +} +.app-body .columns-area__panels__main .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: 22px 20px 24px; + 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 (min-width:890px) and (max-width:1174px) { + .app-body .hashtag-header { + margin-top: 15px; + } +} +@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"])::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 + ------- */ +.app-body .link-footer p, +.app-body .link-footer a { + color: var(--color-fg-muted); +} + +/* 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: 2px 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/TangerineUI-purple.css b/TangerineUI-purple.css index 1b0d158..20126a4 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1,18 +1,18 @@ /* TangerineUI 🍊 for Mastodon ・ Purple variant πŸͺ» - version: 1.9.5 + version: 2.0.0-pre A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ by @nileane@nileane.fr - Compatible with: Mastodon v4.2.1 βœ… + Compatible with: Mastodon v4.3.0 βœ… */ /* 🎨 Colors */ :root { - --color-bg: #f2eff5; + --color-bg: #ffffff; --color-fg: #2a2d37; --color-fg-muted: #888494; --color-secondary-bg: #e8e4f2; @@ -40,16 +40,16 @@ --color-bg: #030303; --color-fg: #d6d2e0; --color-fg-muted: #655e6e; - --color-secondary-bg: #1e162b; + --color-secondary-bg: #13111f; --color-secondary-separator: #26232e; - --color-content-bg: #111111; - --color-content-fg: #f2f2f2; + --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: #22212f; + --color-content-secondary-bg: var(--color-secondary-bg); --color-content-secondary-separator: rgba(64, 62, 89, 0.4); - --color-content-bg-focus: #1b1b1b; + --color-content-bg-focus: #111111; --color-accent: #7a7af9; --color-accent-focus: #5a47ff; @@ -61,208 +61,270 @@ } } :root { - --logo: url('data:image/svg+xml, %3Csvg class="mastodon-logo" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 216.4144 232.00976"%3E%3Cdefs xmlns="http://www.w3.org/2000/svg"%3E%3ClinearGradient xmlns="http://www.w3.org/2000/svg" id="gradient" x2="0%25" y2="100%25" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0%25" stop-color="%23595aff"%3E%3C/stop%3E%3Cstop offset="100%25" stop-color="%23595aff"%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns="http://www.w3.org/2000/svg" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="url(%23gradient)"%3E%3C/path%3E%3Cpath d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="%23fff"%3E%3C/path%3E%3C/svg%3E'); + /* 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"); - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23282C37" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23282C37" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23282C37" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23282C37; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%236364ff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-active: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23F91880; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 2.942,1.19 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.132,-1.141 2.399,-4.08 2.681,-6.645c0.025,-0.227 0.042,-0.451 0.051,-0.671c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-4.948,2.976c1.093,-0 1.98,0.887 1.98,1.98c0,1.093 -0.887,1.98 -1.98,1.98c-1.093,-0 -1.98,-0.887 -1.98,-1.98c0,-1.093 0.887,-1.98 1.98,-1.98Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M6.194,17.686c1.126,1.126 3.356,0.784 2.229,1.911c-1.126,1.126 -4.134,2.305 -5.261,1.179c-1.126,-1.127 0.053,-4.135 1.179,-5.261c1.127,-1.127 0.727,1.045 1.853,2.171Z'/%3E%3C/svg%3E"); - --icon-boost-status: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-wrapper: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2300ba7c' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23282C37' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23282C37'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%236364ff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%236364ff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23282C37' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23282C37" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236364ff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%236364ff"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%236364ff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%236364ff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%236364ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23282C37'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23282C37" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236364ff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ba7c' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%236364ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%236364ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23282C37" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%236364ff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ffb609" stroke="%23ffb609" stroke-width="4" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282C37' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23444a5a;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%236364ff;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%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-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 { - --logo: url('data:image/svg+xml, %3Csvg class="mastodon-logo" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 216.4144 232.00976"%3E%3Cdefs xmlns="http://www.w3.org/2000/svg"%3E%3ClinearGradient xmlns="http://www.w3.org/2000/svg" id="gradient" x2="0%25" y2="100%25" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0%25" stop-color="%23595aff"%3E%3C/stop%3E%3Cstop offset="100%25" stop-color="%23595aff"%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns="http://www.w3.org/2000/svg" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="url(%23gradient)"%3E%3C/path%3E%3Cpath d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="%23fff"%3E%3C/path%3E%3C/svg%3E'); + /* 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=="); - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23ffffff" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23ffffff" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23ffffff" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23ffffff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%236b6cfb; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23ffffff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23ffffff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%236b6cfb' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%236b6cfb'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23ffffff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b6cfb' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%236b6cfb"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%236364ff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%236364ff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%236364ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b6cfb" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%236b6cfb" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%236b6cfb" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23ffffff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%236b6cfb" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f2f2f2;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%236b6cfb;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); + /* 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.layout-single-column { +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(.layout-single-column) *::-webkit-scrollbar-track { +:root:has(.app-body) *::-webkit-scrollbar-track { background-color: var(--color-bg); padding: 2px; } -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb { +:root:has(.app-body) *::-webkit-scrollbar-thumb { background-color: var(--color-accent); border-radius: 50px; opacity: .4; } -:root:has(.layout-single-column) *::-webkit-scrollbar-track:hover { +:root:has(.app-body) *::-webkit-scrollbar-track:hover { background-color: var(--color-bg); } -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb:hover { +:root:has(.app-body) *::-webkit-scrollbar-thumb:hover { background-color: var(--color-accent); opacity: .7; } @media screen and (max-width:1174px) { - :root:has(.layout-single-column) *::-webkit-scrollbar { + :root:has(.app-body) *::-webkit-scrollbar { display: none; } } -/* πŸ’¨ Loading bar */ -.layout-single-column .loading-bar { +.app-body .loading-bar { background-color: var(--color-accent); } -/* Resetting borders */ -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator, -.layout-single-column .audio-player, -.layout-single-column .compose-form .spoiler-input__input, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__poll-wrapper select, -.layout-single-column .poll__option input[type=text], -.layout-single-column .report-dialog-modal__textarea, -.layout-single-column .search__input, -.layout-single-column .setting-text, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .about__section__body { +.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; } -.layout-single-column .column-inline-form, -.layout-single-column .column>.scrollable, -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator { +.app-body .column-inline-form, +.app-body .column>.scrollable, +.app-body .getting-started, +.app-body .regeneration-indicator { background: transparent; } -/* Round avatars */ -.layout-single-column .account__avatar img { +.app-body .account__avatar img { border-radius: 50%; } /* Rordered layout */ -.layout-single-column .columns-area__panels__pane--navigational { +.app-body .columns-area__panels__pane--navigational { order: 1; } -.layout-single-column .columns-area__panels__main { +.app-body .columns-area__panels__main { order: 2; } -.layout-single-column .columns-area__panels__pane--compositional { +.app-body .columns-area__panels__pane--compositional { order: 3; } -.layout-single-column .columns-area--mobile .column { +.app-body .columns-area--mobile .column { flex: unset; height: auto; } -.layout-single-column .columns-area--mobile .column:focus-within { +.app-body .columns-area--mobile .column:focus-within { overflow: visible; } -.layout-single-column .scrollable, -.layout-single-column .column > .scrollable { +.app-body .scrollable, +.app-body .column > .scrollable { max-height: max-content; - border-top-left-radius: 8px; - border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } -.layout-single-column .dismissable-banner + .scrollable { +.app-body .dismissable-banner + .scrollable { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -270,359 +332,568 @@ body.layout-single-column { /* *️⃣ Icons -------- */ -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-share-alt:before, -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-star:before, -.layout-single-column i.fa-retweet:before { - content: " "; - display: inline-block; - width: 23px; - height: 23px; +.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; } -.layout-single-column i.fa { - background-repeat: no-repeat; -} -.layout-single-column .detailed-status__link .fa:before { - content: " "; - width: 13px; - height: 13px; - margin-bottom: -2px; - background-size: contain; -} -/* Replace bookmark icon */ -.layout-single-column i.fa-bookmark:before { - background-image: var(--icon-bookmark); - background-size: 80%; - background-position: center 55%; -} -.layout-single-column .detailed-status__button i.fa-bookmark:before { + +/* Bookmark */ +.app-body .icon-bookmark { background-image: var(--icon-bookmark-accent); } -.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { +.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); } -/* Replace share icon */ -.layout-single-column i.fa-share-alt:before { - background-image: var(--icon-share); -} -.layout-single-column .detailed-status__button i.fa-share-alt:before { - background-image: var(--icon-share-accent); -} -/* Replace star icon */ -.layout-single-column i.fa-star:before { - background-image: var(--icon-star); - text-align: center; - line-height: 34px; -} -.layout-single-column .detailed-status__button i.fa-star:before { - background-size: 75%; +/* Favorite */ +.app-body .icon-star { background-image: var(--icon-star-accent); } -.layout-single-column button.icon-button.active i.fa-star:before, -.layout-single-column .notification i.fa-star:before { +.app-body button.icon-button.active .icon-star, +.app-body .notification .icon-star { background-image: var(--icon-star-active); } -.layout-single-column .detailed-status__link i.fa.fa-star:before { - content: " "; - transform: scale(.9); +.app-body .detailed-status__link .icon-star { + background-image: var(--icon-star); + margin: 0 4px -2px 0; } -/* Replace retweet icon */ -.layout-single-column i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost); - background-position: center; +.app-body .media-modal__overlay .icon-star { + background-image: var(--icon-star); } -.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw { +/* Boost */ +.app-body .icon-retweet { background-image: var(--icon-boost-accent); } -.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw { +.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); - background-position: center; } -.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw, -.layout-single-column .notification i.fa.fa-retweet.fa-fw { +.app-body .status__prepend-icon.icon-retweet, +.app-body .notification .icon-retweet { background-image: var(--icon-boost-active); - transform: scale(.9) translate(0, -1px); } -.layout-single-column .detailed-status__link .fa.fa-retweet:before { +.app-body .detailed-status__link .icon-retweet { background-image: var(--icon-boost); + margin: 0 4px -2px 0; } -.layout-single-column button.icon-button.reblogPrivate i.fa-retweet, -.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet, -.layout-single-column button.icon-button.disabled i.fa-retweet, -.layout-single-column button.icon-button.disabled:hover i.fa-retweet { - background-image: var(--icon-boost); +.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; } -.layout-single-column .boost-modal__action-bar .fa-retweet { - background-image: var(--icon-boost); +.app-body .boost-modal__action-bar .icon-retweet { + background-image: var(--icon-boost-accent); vertical-align: middle; } -/* Replace reply icon */ -.layout-single-column i.fa-mail-reply::before, -.layout-single-column i.fa-reply::before, -.layout-single-column i.fa-reply-all::before { - content: var(--icon-reply); - position: relative; - top: 3px; +.app-body .media-modal__overlay .icon-retweet { + background-image: var(--icon-boost); } -.layout-single-column .detailed-status__button i.fa-reply::before, -.layout-single-column .detailed-status__button i.fa-reply-all::before { - content: var(--icon-reply-accent); +/* Reply */ +.app-body .icon-reply, +.app-body .icon-reply-all { + background-image: var(--icon-reply-accent); +} +.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) { + background-image: var(--icon-reply-accent); +} +.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) { + background-image: var(--icon-reply); +} +/* 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 */ -.layout-single-column .column-link .fa-home::before { - content: var(--icon-home); +.app-body .icon-home { + background-image: var(--icon-home); } -.layout-single-column .column-link.active .fa-home::before { - content: var(--icon-home-column-link-active); +.app-body :is(.column-link.active .icon-home, .column-header__icon.icon-home) { + background-image: var(--icon-home-active); } -.layout-single-column .fa-home.column-header__icon:before { - content: var(--icon-home-notification-active); +.app-body .notification__message .icon-home { + background-image: var(--icon-post-notification-accent); } -/* Federated icon */ -.layout-single-column .column-link .fa-globe::before { - content: var(--icon-globe); +/* Globe icon */ +.app-body .column-link .icon-globe, +.app-body .column-header__icon.icon-globe { + background-image: var(--icon-globe); } -.layout-single-column .fa-globe.column-header__icon:before { - content: var(--icon-globe); +.app-body .column-link.active .icon-globe, +.app-body .column-header__icon.icon-globe { + background-image: var(--icon-globe-active); } -/* Local icon */ -.layout-single-column .fa-group.column-header__icon:before, -.layout-single-column .fa-users.column-header__icon:before { - content: var(--icon-users-column-link-active); +/* Explore + Hashtag icon */ +.app-body .icon-hashtag { + background-image: var(--icon-hashtag-active); } -/* Explore icon */ -.layout-single-column .column-link .fa-hashtag::before { - content: var(--icon-hashtag); +.app-body .column-link .icon-hashtag { + background-image: var(--icon-hashtag); } -.layout-single-column .column-link.active .fa-hashtag::before { - content: var(--icon-hashtag-active); -} -.layout-single-column .fa-hashtag.column-header__icon:before { - content: var(--icon-hashtag-active); +.app-body .column-link.active .icon-hashtag { + background-image: var(--icon-hashtag-active); } /* Search icon */ -.layout-single-column .column-link i.fa-search { - transform: scale(1); +.app-body .icon-search { + background-image: var(--icon-search); } -.layout-single-column .column-link .fa.fa-search::before { - content: var(--icon-search); - left: 2px; +.app-body .ui__header__links .icon-search, +.app-body .search__icon .icon-search { + background-image: var(--icon-search-active); } -.layout-single-column .column-link.active .fa.fa-search::before { - content: var(--icon-search); +.app-body .column-link .icon-search { + background-image: var(--icon-search-column-link); } -.layout-single-column .column-header__icon.fa-search { - vertical-align: baseline; - color: var(--color-content-fg); +.app-body .column-link.active .icon-search { + background-image: var(--icon-search-column-link-active); } -/* Local icon */ -.layout-single-column .column-link .fa-users::before { - content: var(--icon-users-column-link); +.app-body .column-header__icon.icon-search { + background-image: var(--icon-search-column-link-active); } -.layout-single-column .column-link.active .fa-users::before { - content: var(--icon-users-column-link-active); +.app-body .icon-times-circle { + background-image: var(--icon-close); } /* Notifications icon */ -.layout-single-column .column-link .fa-bell::before { - content: var(--icon-bell); +.app-body .column-link .icon-bell { + background-image: var(--icon-bell); } -.layout-single-column .column-link.active .fa-bell::before { - content: var(--icon-bell-active); -} -.layout-single-column .fa-bell.column-header__icon:before { - content: var(--icon-bell-active); +.app-body .column-link.active .icon-bell, +.app-body .column-header__icon.icon-bell { + background-image: var(--icon-bell-active); } /* Direct messages icon */ -.layout-single-column .column-link .fa-at::before { - content: var(--icon-direct-messages); +.app-body .column-link .icon-at { + background-image: var(--icon-direct-messages); } -.layout-single-column .fa-at.column-header__icon:before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.status__prepend-icon { - transform: scale(.7); -} -.layout-single-column .fa-at.status__prepend-icon::before { - content: 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 */ -.layout-single-column .column-link .fa-bookmark::before { - content: var(--icon-bookmark-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-bookmark::before { - content: var(--icon-bookmark-column-link-active); -} -.layout-single-column .fa-bookmark.column-header__icon:before { - content: var(--icon-bookmark-column-link-active); +.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 */ -.layout-single-column .column-link .fa-star::before { - content: var(--icon-star-column-link); - background-image: none; +.app-body .column-link .icon-star { + background-image: var(--icon-star-column-link); } -.layout-single-column .column-link.active .fa-star::before { - content: var(--icon-star-column-link-active); -} -.layout-single-column .fa-star.column-header__icon:before { - content: var(--icon-star-column-link-active); +.app-body .column-link.active .icon-star, +.app-body .column-header__icon.icon-star { + background-image: var(--icon-star-column-link-active); } /* Lists icon */ -.layout-single-column .column-link .fa-list-ul { - transform: scale(1); - margin-right: 8px; - margin-left: 1px; +.app-body .icon-list-ul { + background-image: var(--icon-list); } -.layout-single-column .column-link .fa-list-ul::before { - content: var(--icon-list); - background-image: none; +.app-body .column-link.active .icon-list-ul, +.app-body .column-header__icon.icon-list-ul { + background-image: var(--icon-list-active); } -/* Follow Requests icon */ -.layout-single-column .column-link .fa-user-plus::before { - content: var(--icon-users-column-link); - background-image: none; +/* Settings icon */ +.app-body .column-link .icon-cog { + background-image: var(--icon-settings); } -/* Follow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { - content: var(--icon-follow-hashtag); - position: relative; - top: 2px; - right: -5px; - } - -/* Unfollow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-times::before { - content: var(--icon-unfollow-hashtag); - position: relative; - top: 2px; - right: -5px +/* Profile settings */ +.app-body .compose__action-bar-dropdown .icon-bars { + background-image: var(--icon-gear); } -/* Polls icon */ -.layout-single-column .fa-tasks::before { - content: var(--icon-poll); - transform: scale(.8); - display: block; - position: relative; - top: 1px; +.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); + } +} /* πŸ“ Compose panel ---------------- */ -.layout-single-column .compose-form { +.app-body .compose-form { padding: 0 0 71px; } -.layout-single-column .navigation-bar { +.app-body .navigation-bar { border-radius: 8px 8px 0 0; - padding: 21px 15px 22px; + padding: 21px 11px 22px 15px; background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .navigation-bar strong { +.app-body .navigation-bar strong { color: var(--color-content-fg); } -.layout-single-column .compose-form__highlightable.active { +.app-body .compose-form__highlightable.active { box-shadow: none; } -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__highlightable.active), -.layout-single-column .compose-form__highlightable.active .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .compose-form__warning { +.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); } -.layout-single-column .compose-form .autosuggest-textarea__suggestions, -.layout-single-column .compose-form .autosuggest-textarea__textarea, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__modifiers { +.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; } -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.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); } -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.app-body .compose-form .compose-form__buttons-wrapper { border-bottom: 1px solid var(--color-lines); } -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button, -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button, -.layout-single-column .compose-form .character-counter { +.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; } -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active { +.app-body .compose-form .compose-form__buttons-wrapper .icon-button.active { color: var(--color-accent); } -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active { +.app-body .compose-form .compose-form__buttons-wrapper .text-icon-button.active { background-color: var(--color-accent); color: var(--color-accent-fg); } -.layout-single-column .compose-panel .autosuggest-textarea__textarea { +.app-body .compose-form .autosuggest-textarea__textarea { padding-left: 20px; padding-right: 45px; padding-top: 20px; } -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder { +.app-body .compose-form .autosuggest-textarea__textarea::placeholder { font-size: 130%; opacity: .5; } -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder, -.layout-single-column .compose-form .autosuggest-account .display-name__html { +.app-body .compose-panel .autosuggest-textarea__textarea::placeholder, +.app-body .compose-form .autosuggest-account .display-name__html { color: var(--color-content-fg); } -.layout-single-column .compose-form .autosuggest-account .display-name__account { +.app-body .compose-form .autosuggest-account .display-name__account { color: var(--color-content-fg-muted); } -.layout-single-column .compose-form .autosuggest-textarea__suggestions--visible, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item { +.app-body .compose-form .autosuggest-textarea__suggestions--visible, +.app-body .compose-form .autosuggest-textarea__suggestions__item { border-radius: 8px; } -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__html { +.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); } -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.app-body .compose-form .compose-form__buttons-wrapper { border-radius: 0 0 8px 8px; } -.layout-single-column .reply-indicator, -.layout-single-column .compose-form .compose-form__warning { +.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); @@ -632,33 +903,37 @@ body.layout-single-column { margin: 0; border-radius: 0; } -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .simple_form .recommended, -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .compose-form .compose-form__warning a, -.layout-single-column .reply-indicator__content a, -.layout-single-column .navigation-bar__profile-edit { +.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); } -.layout-single-column .compose-form__sensitive-button .icon-button:hover { +.app-body .compose-form__sensitive-button .icon-button:hover { background-color: transparent; } -.layout-single-column .compose-form__sensitive-button input[type=checkbox]:checked { +.app-body .compose-form__sensitive-button input[type=checkbox]:checked { background-color: var(--color-accent); border-color: var(--color-accent); } -.layout-single-column .compose-form .autosuggest-input { +.app-body .compose-form .autosuggest-input { box-sizing: border-box; border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { +.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); } -.layout-single-column .compose-form .spoiler-input__input { +.app-body .compose-form .spoiler-input__input { background-color: var(--color-accent-bg); color: var(--color-accent); margin-bottom: 0; @@ -667,47 +942,58 @@ body.layout-single-column { box-shadow: 0 0 0 4px inset var(--color-content-bg); } -.layout-single-column .compose-form .spoiler-input__input:focus { +.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); } -.layout-single-column .display-name { +.app-body .display-name { color: var(--color-content-fg); } -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button { +.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button { color: #ffffff; } -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { +.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) { - .layout-single-column .compose-form { + .app-body .compose-form { padding: 0 10px 10px; } - .layout-single-column .navigation-bar { + .app-body .navigation-bar { border-radius: 8px 8px 0 0; margin: 10px 10px 0; } } /* Publish button */ -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper { +.app-body .compose-form .compose-form__publish .compose-form__publish-button-wrapper { padding-top: 10px; width: 100%; } -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button { +.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 */ -.layout-single-column .emoji-button { +.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; } -.layout-single-column .emoji-picker-dropdown__menu { +.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); @@ -715,68 +1001,68 @@ body.layout-single-column { 0 0 0 1px var(--color-lines), 0 0 5px rgba(0, 0, 0, .15); } -.layout-single-column .emoji-mart { +.app-body .emoji-mart { width: 100% !important; display: block; } -.layout-single-column .emoji-mart-bar:first-child { +.app-body .emoji-mart-bar:first-child { background-color: var(--color-accent-bg); border-color: var(--color-accent-lines); } -.layout-single-column .emoji-mart-anchor-bar { +.app-body .emoji-mart-anchor-bar { background-color: var(--color-accent); } -.layout-single-column .emoji-mart-anchor-selected { +.app-body .emoji-mart-anchor-selected { color: var(--color-accent); } -.layout-single-column .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-icon svg rect { +.app-body .emoji-mart-anchor-icon svg path, +.app-body .emoji-mart-anchor-icon svg rect { fill: var(--color-content-fg); } -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect, -.layout-single-column .emoji-mart-search-icon svg path { +.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); } -.layout-single-column .emoji-mart-search-icon, -.layout-single-column .emoji-mart-search-icon:disabled, -.layout-single-column .emoji-mart-search-icon svg { +.app-body .emoji-mart-search-icon, +.app-body .emoji-mart-search-icon:disabled, +.app-body .emoji-mart-search-icon svg { opacity: 1; } -.layout-single-column .emoji-mart-scroll::-webkit-scrollbar-track { +.app-body .emoji-mart-scroll::-webkit-scrollbar-track { background-color: var(--color-content-bg); } -.layout-single-column .emoji-mart-search, -.layout-single-column .emoji-mart-scroll, -.layout-single-column .emoji-mart-category-label span { +.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); } -.layout-single-column .emoji-mart-search input { +.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; } -.layout-single-column .emoji-mart-search input:focus { +.app-body .emoji-mart-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 1px inset var(--color-accent); outline: 0; } -.layout-single-column .emoji-mart-search input::placeholder { +.app-body .emoji-mart-search input::placeholder { color: var(--color-accent); } /* Zoom on emojis on hover (in post content only */ -.layout-single-column .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ +.app-body .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ overflow: visible; } -.layout-single-column .status__content .emojione { +.app-body .status__content .emojione { transition: transform .8s .8s; } -.layout-single-column .status__content .emojione:hover { +.app-body .status__content .emojione:hover { transform: scale(2.5); } @@ -785,94 +1071,133 @@ body.layout-single-column { /* πŸ’¬ Posts -------- */ -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { +.app-body .reply-indicator__content, +.app-body .status__content { color: var(--color-content-fg); } -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong, -.layout-single-column .status__info .status__display-name .display-name__account { +.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); } -.layout-single-column .translate-button { +.app-body .translate-button { color: var(--color-content-fg-muted); } -.layout-single-column .translate-button__meta, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button { +.app-body .translate-button__meta, +.app-body .translate-button button, +.app-body .status__content__translate-button { font-size: 85%; } -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong { +.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; } -.layout-single-column .status { +.app-body .status { margin-left: 56px; padding: 0 10px; border-bottom: 0; } -.layout-single-column .status__wrapper { +.app-body .status__wrapper { transition: background .3s; } -.layout-single-column .status__wrapper, -.layout-single-column .detailed-status__wrapper { +.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) { - .layout-single-column .status__wrapper, - .layout-single-column .detailed-status__wrapper { + .app-body .status__wrapper, + .app-body .detailed-status__wrapper { border-left: 0; border-right: 0; } - .layout-single-column .status__wrapper { + .app-body .status__wrapper { padding: 10px 8px; } } -.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, -.layout-single-column .explore__search-results > div:first-child > .status__wrapper { +.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); } -.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, -.layout-single-column .search-results__section > div:last-child >.status__wrapper { +.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); } -.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { +.app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { border-top: 0; } @media screen and (min-width:890px) { - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, - .layout-single-column .explore__search-results > div:first-child > .status__wrapper { + .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; } - .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, - .layout-single-column .search-results__section > div:last-child >.status__wrapper { + .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; } - .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { + .app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { border-top-left-radius: 0; border-top-right-radius: 0; } } -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable:first-child > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable:first-child > div > article:first-child > div > .status__wrapper { - margin-top: 15px; - } -} -.layout-single-column .status__info { +.app-body .status__info { height: 22px; margin-left: -56px; padding: 0; @@ -880,46 +1205,47 @@ body.layout-single-column { line-height: 10px; align-items: start; } -.layout-single-column .status__info .status__display-name { +.app-body .status__info .status__display-name { overflow: visible; align-items: start; max-width: calc(100% - 4em); } -.layout-single-column .status__info .status__display-name .display-name bdi, -.layout-single-column .status__info .status__display-name .display-name__account { +.app-body .status__info .status__display-name .display-name bdi, +.app-body .status__info .status__display-name .display-name__account { vertical-align: top; } -.layout-single-column .status__info .status__display-name .display-name__account { +.app-body .status__info .status__display-name .display-name__account { display: inline; opacity: .7; } -.layout-single-column .status__relative-time { +.app-body .status__relative-time { height: 22px; position: absolute; right: 22px; color: var(--color-content-fg); opacity: .6; - font-weight: 500; } -.layout-single-column .status__avatar { +.app-body .status__avatar { margin-bottom: -10px; + z-index: 2; } -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { +.app-body .reply-indicator__content, +.app-body .status__content { line-height: 19px; + position: static; } -.layout-single-column .e-content blockquote, -.layout-single-column .reply-indicator__content blockquote, -.layout-single-column .status__content__text blockquote { - color: var(--color-content-fg-muted); +.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. */ -.layout-single-column .status::before, -.layout-single-column .notification__message::before { +.app-body .status::before, +.app-body .notification__message::before { position: absolute; background-color: var(--color-lines); height: 1px; @@ -930,299 +1256,320 @@ body.layout-single-column { opacity: .7; } @media screen and (max-width:889px) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { + .app-body .status::before, + .app-body .notification__message::before { width: calc(100% - 73px); } } @media (prefers-color-scheme: dark) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { + .app-body .status::before, + .app-body .notification__message::before { opacity: 1; } } /* Remove border between posts when applicable */ -.layout-single-column .notification .status::before, /* no dividers on posts _inside_ notifications */ -.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ -.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ -.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ -.layout-single-column .hashtag-header + article .status::before, -.layout-single-column .search-results__section .search-results__section__header + div .status::before { +.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 */ - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper .status::before, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper .status::before{ + .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 */ -.layout-single-column .status--first-in-thread { +.app-body .status--first-in-thread { border-top: 0; } -.layout-single-column .status--first-in-thread::before { +.app-body .status--first-in-thread::before { width: 100%; right: 0; } -.layout-single-column .status--in-thread .attachment-list, -.layout-single-column .status--in-thread .audio-player, -.layout-single-column .status--in-thread .hashtag-bar, -.layout-single-column .status--in-thread .media-gallery, -.layout-single-column .status--in-thread .picture-in-picture-placeholder, -.layout-single-column .status--in-thread .status-card, -.layout-single-column .status--in-thread .status__action-bar, -.layout-single-column .status--in-thread .status__content, -.layout-single-column .status--in-thread .video-player { +.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; } -.layout-single-column .status--in-thread .status__content__read-more-button { - -webkit-margin-start: 0; - margin-inline-start: 0; -} -.layout-single-column .status--in-thread .status__line { - -webkit-border-start: 4px solid var(--color-accent-bg); - border-inline-start: 4px solid var(--color-accent-bg); - inset-inline-start: 43px; - position: absolute; - top: 0; - width: 0; - height: 14px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status--in-thread .status__line { - border-color: var(--color-accent-lines); - } -} -.layout-single-column .status__line.status__line--full { +.app-body .status__line--first { height: 100%; } -.layout-single-column .status__line--full:before { - background: transparent; +.app-body .status__line--full { + height: calc(100% + 32px); } -.layout-single-column .status__line.status__line--full.status__line--first { - top: 58px; - height: calc(100% - 58px); +/* 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) { - .layout-single-column .status--in-thread .status__line { - inset-inline-start: 39px; + .app-body .status__line { + inset-inline-start: 35px; } } + /* ⏺️ Posts when in focus */ -.layout-single-column .status__wrapper.focusable:focus, -.layout-single-column .detailed-status__wrapper.focusable:focus, -.layout-single-column .focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar, -.layout-single-column .status__wrapper.focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar { +.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. */ - .layout-single-column .status__wrapper:has(.status__content:hover), - .layout-single-column .notification__message:has(+ div > .status__wrapper .status__content:hover) { + .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 */ -.layout-single-column .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */ +.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); - box-shadow: - inset 0 -4px var(--color-accent-lines), - inset 0 4px var(--color-accent-lines); } -.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ - border-top: 1px solid var(--color-lines); - border-top-right-radius: 8px; - border-top-left-radius: 8px; - box-shadow: - inset 0 -4px var(--color-accent-lines); +.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ + border-top: 0; } -.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */ +.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; - box-shadow: - inset 0 4px var(--color-accent-lines); } -.layout-single-column .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */ +.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) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { + .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) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { + .app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - - .layout-single-column .detailed-status { + .app-body .detailed-status { padding: 8px 8px 14px; } } -.layout-single-column .detailed-status__display-avatar .account__avatar { +.app-body .detailed-status__display-avatar .account__avatar { width: 60px !important; height: 60px !important; } -.layout-single-column .detailed-status .status__content { +.app-body .detailed-status .status__content { line-height: 24px; } -.layout-single-column .detailed-status, -.layout-single-column .detailed-status__action-bar { +.app-body .detailed-status, +.app-body .detailed-status__action-bar { background-color: var(--color-content-bg); border: 0; } -.layout-single-column .detailed-status__display-name strong, -.layout-single-column .detailed-status__display-name .display-name__account { +.app-body .detailed-status__display-name strong, +.app-body .detailed-status__display-name .display-name__account { color: var(--color-content-fg); } -.layout-single-column .detailed-status__display-name strong { +.app-body .detailed-status__display-name strong { font-size: 18px; font-weight: bold; } .detailed-status__display-name .display-name__account{ opacity: .7; } -.layout-single-column .detailed-status__meta { +.app-body .detailed-status__meta { color: var(--color-fg); opacity: .8; } -.layout-single-column .detailed-status__action-bar { - padding: 0; +.app-body .detailed-status__action-bar { + padding: 0 16px; + justify-content: left; + gap: 8px; + width: 32px; } -.layout-single-column .animated-number { - color: var(--color-content-fg); +.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); } -.layout-single-column article > .account { +.app-body article > .account { padding: 16px; } -.layout-single-column article:first-child > .account { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; -} -.layout-single-column article:last-child > .account { +.app-body article:last-child > .account { border-bottom: 1px solid var(--color-lines); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } -.layout-single-column .detailed-status__link { +.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 */ -.layout-single-column .hashtag-bar a, -.layout-single-column .hashtag-bar .link-button { +.app-body .hashtag-bar a, +.app-body .hashtag-bar .link-button { color: var(--color-fg-muted); font-size: 90%; transition: all .1s; } -.layout-single-column .hashtag-bar .link-button { +.app-body .hashtag-bar .link-button { font-size: 80%; margin-left: 3px; } -.layout-single-column .hashtag-bar a { +.app-body .hashtag-bar a { background-color: var(--color-content-secondary-bg); transition: all .3s; padding: 3px 8px; border-radius: 8px; } -.layout-single-column .hashtag-bar a:hover, -.layout-single-column .hashtag-bar .link-button:hover { +.app-body .hashtag-bar a:hover, +.app-body .hashtag-bar .link-button:hover { color: var(--color-accent); } -.layout-single-column .hashtag-bar a:hover { +.app-body .hashtag-bar a:hover { background-color: var(--color-accent-bg); } -.layout-single-column .hashtag-bar a:active, -.layout-single-column .hashtag-bar a:focus { +.app-body .hashtag-bar a:active, +.app-body .hashtag-bar a:focus { color: var(--color-accent-fg); background-color: var(--color-accent); } -.layout-single-column .hashtag-bar a:hover span { +.app-body .hashtag-bar a:hover span { text-decoration: none; } @media (prefers-color-scheme: dark) { - .layout-single-column .hashtag-bar a, - .layout-single-column .hashtag-bar .link-button { + .app-body .hashtag-bar a, + .app-body .hashtag-bar .link-button { color: var(--color-accent); } - .layout-single-column .hashtag-bar a:hover, - .layout-single-column .hashtag-bar .link-button:hover { + .app-body .hashtag-bar a:hover, + .app-body .hashtag-bar .link-button:hover { color: var(--color-content-fg); } } /* ⭐ Action bar */ -.layout-single-column .status__action-bar { +.app-body .status__action-bar { justify-content: left; margin-top: 8px; + gap: 8px; } -.layout-single-column .status__action-bar button, -.layout-single-column .status__action-bar .status__action-bar__dropdown, -.layout-single-column .detailed-status__action-bar button, -.layout-single-column .detailed-status__action-bar .status__action-bar__dropdown { +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + :is(button, .status__action-bar__dropdown) { transition: all .3s; } -.layout-single-column .status__action-bar .status__action-bar__dropdown { +.app-body .status__action-bar button:last-child { position: absolute; right: 18px; } -.layout-single-column .status__action-bar .icon-button.disabled { +.app-body .status__action-bar .icon-button.disabled { pointer-events: none; } -.layout-single-column .status__action-bar .icon-button:active, -.layout-single-column .status__action-bar .icon-button.active:active, -.layout-single-column .status__action-bar .icon-button:focus, -.layout-single-column .status__action-bar .icon-button.active:focus, -.layout-single-column .detailed-status__action-bar .icon-button:active, -.layout-single-column .detailed-status__action-bar .icon-button.active:active, -.layout-single-column .detailed-status__action-bar .icon-button:focus, -.layout-single-column .detailed-status__action-bar .icon-button.active:focus { +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + .icon-button:is( + :active, + .active:active, + :focus, + .active:focus + ) { background-color: transparent; } -.layout-single-column .icon-button.star-icon.deactivate>.fa-star, -.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ +.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; } -.layout-single-column .status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa { +.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; } -.layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce-detailed .4s ease-out !important; -} @keyframes bounce { - 0% { - transform: scale(.8); - } - 50% { - transform: scale(1.4); - } - 75% { - transform: scale(.6); - } - 100% { - transform: scale(.8); - } -} -@keyframes bounce-detailed { 0% { transform: scale(1); } @@ -1236,190 +1583,244 @@ body.layout-single-column { transform: scale(1); } } -.layout-single-column .status__action-bar .icon-button.reblogPrivate>.fa-retweet { +.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet { opacity: 1; } -.layout-single-column .status__action-bar .icon-button.active>.fa-retweet { +.app-body .status__action-bar .icon-button.active>.icon-retweet { animation: launch 1.2s ease-in !important; } -.layout-single-column .detailed-status__action-bar .icon-button.active>.fa-retweet { +.app-body .detailed-status__action-bar .icon-button.active>.icon-retweet { animation: launch-detailed 1.2s ease-out !important; } @keyframes launch { 0% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 0; } 5% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 1; } 50% { - transform: scale(.8) translate(200%, -150%); + transform: translate(200%, -150%); opacity: 0; } 80% { - transform: scale(.8) translate(200%, -150%); + transform: translate(200%, -150%); opacity: 0; } 85% { - transform: scale(.8) translate(-20%, 20%); + transform: translate(-20%, 20%); opacity: 0; } 100% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 1; } } @keyframes launch-detailed { 0% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 0; } 5% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 1; } 50% { - transform: scale(1) translate(150%, -150%); + transform: translate(150%, -150%); opacity: 0; } 80% { - transform: scale(1) translate(150%, -150%); + transform: translate(150%, -150%); opacity: 0; } 85% { - transform: scale(1) translate(-20%, 20%); + transform: translate(-20%, 20%); opacity: 0; } 100% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 1; } } -.layout-single-column .status__action-bar .icon-button, -.layout-single-column .detailed-status__action-bar .icon-button { - min-width: 32px !important; - height: 32px !important; - border-radius: 30px; +.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; } -.layout-single-column .status__action-bar .icon-button .fa { - transform: scale(.8); - height: 32px; - line-height: 32px; +.app-body .detailed-status__action-bar .icon-button { + min-width: 40px; + height: 40px; } -.layout-single-column .status__action-bar i.fa-star:before, -.layout-single-column .status__action-bar i.fa-bookmark:before, -.layout-single-column .status__action-bar i.fa-share-alt:before, -.layout-single-column .detailed-status__action-bar i.fa-star:before, -.layout-single-column .detailed-status__action-bar i.fa-bookmark:before, -.layout-single-column .detailed-status__action-bar i.fa-share-alt:before { - height: 32px; +.app-body .detailed-status__action-bar .icon-button > .icon { + width: 25px; + height: 25px; } -.layout-single-column .icon-button.star-icon.active, -.layout-single-column .notification__favourite-icon-wrapper .star-icon { +.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; } -.layout-single-column .status__prepend { +.app-body .status__prepend { padding-top: 2px; - padding-left: 0; padding-right: 0; + padding-bottom: 1px; + padding-left: 0; margin-bottom: 0; height: 25px; color: var(--color-content-fg); } -.layout-single-column .status__prepend-icon-wrapper { +.app-body .status__prepend-icon-wrapper { width: 56px; text-align: right; } -.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper { +.app-body .status__prepend-icon-wrapper .icon { + transform: translateY(1px) scale(1.1); +} +.app-body .detailed-status__wrapper .status__prepend-icon-wrapper { width: 46px; } -.layout-single-column .status__prepend .muted .emojione { +.app-body .status__prepend .muted .emojione { opacity: 1; } -.layout-single-column .status-card, -.layout-single-column .status-card.compact { - background-color: var(--color-content-secondary-bg); +.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; } -.layout-single-column a.status-card:hover, -.layout-single-column a.status-card.compact:hover { +.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); } -.layout-single-column .status-card__image { - background: var(--color-accent-bg); +.app-body .status-card__image { + background: var(--color-content-secondary-bg); } -.layout-single-column .status-card__image > .fa { - color: var(--color-content-fg); - transition: all .3s; +.app-body .status-card__image .icon { + width: 32px; + height: 32px; } -.layout-single-column a.status-card:hover .status-card__image > .fa { - color: var(--color-accent); -} -.layout-single-column .status-card__title, -.layout-single-column .status-card__description, -.layout-single-column .status-card__author { +.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; } -.layout-single-column .status-card__host { +.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); } -.layout-single-column .status-card:active .status-card__host, -.layout-single-column .status-card:focus .status-card__host, -.layout-single-column .status-card:hover .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__author, -.layout-single-column .status-card:active .status-card__description, -.layout-single-column .status-card:active .status-card__title, -.layout-single-column .status-card:focus .status-card__author, -.layout-single-column .status-card:focus .status-card__description, -.layout-single-column .status-card:focus .status-card__title, -.layout-single-column .status-card:hover .status-card__author, -.layout-single-column .status-card:hover .status-card__description, -.layout-single-column .status-card:hover .status-card__title { +.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); } -.layout-single-column .status-card__author strong { +.app-body .status-card__author strong { font-weight: 800; } -.layout-single-column .status__content p { +@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; } -.layout-single-column .status__content p:last-child { +.app-body .status__content p:last-child { margin-bottom: 0; } -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) { +.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { margin-bottom: 1px; } -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) span { +.app-body .status__content > p:first-child:has(.status__content__spoiler-link) span { font-weight: bold; } -.layout-single-column .media-gallery { +.app-body .media-gallery { border-radius: 8px; } -.layout-single-column .icon-button.overlayed { +.app-body .icon-button.overlayed { background-color: #ffffff; color: #444b5d; opacity: .6; transition: opacity .3s; } -.layout-single-column .icon-button.overlayed:hover { +.app-body .icon-button.overlayed:hover { background-color: #ffffff; color: #444b5d; opacity: 1; } -.layout-single-column .status__wrapper--filtered__button { +.app-body .status__wrapper--filtered__button { color: var(--color-accent); } -.layout-single-column .status__wrapper--filtered { +.app-body .status__wrapper--filtered { color: var(--color-content-fg); border-top: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines); @@ -1427,91 +1828,119 @@ body.layout-single-column { 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: 500px; + width: auto; +} + /* πŸ“Š Polls */ -.layout-single-column .poll__chart, -.layout-single-column .muted .poll__chart.leading { +.app-body .poll__chart, +.app-body .muted .poll__chart.leading { background: var(--color-accent); opacity: .4; height: 12px; border-radius: 10px; } -.layout-single-column .poll__chart.leading, -.layout-single-column .muted .poll__chart.leading { +.app-body .poll__chart.leading, +.app-body .muted .poll__chart.leading { opacity: 1; } -.layout-single-column .muted .poll { +.app-body .muted .poll { color: var(--color-content-fg-muted); } -.layout-single-column .poll__footer { +.app-body .poll__footer { color: var(--color-content-fg); } -.layout-single-column .poll__link { +.app-body .poll__link { color: var(--color-accent); text-decoration: none; } -.layout-single-column .poll__input { - border: 2px solid var(--color-content-fg); +.app-body .poll__input { + border: 2px solid var(--color-lines); + background-color: var(--color-content-secondary-bg); } -.layout-single-column .poll__input:hover { +.app-body .poll__input:hover { border-color: var(--color-accent); background-color: var(--color-accent-bg); } -.layout-single-column .poll__input.active, -.layout-single-column .poll__input:active, -.layout-single-column .poll__input:focus { +.app-body .poll__input:is(.active, :active, :focus) { background-color: var(--color-accent); } -.layout-single-column .poll__input.active { +.app-body .poll__input.active { border-color: var(--color-accent); } -.layout-single-column .poll__footer .button.button-secondary { +.app-body .poll__footer .button.button-secondary { padding: 0 16px; } -.layout-single-column .poll__footer .button.button-secondary:hover { +.app-body .poll__footer .button.button-secondary:hover { background-color: var(--color-accent); color: var(--color-accent-fg); } /* Poll composer */ -.layout-single-column .compose-form__poll-wrapper, -.layout-single-column .compose-form__poll-wrapper .poll__footer { +.app-body .compose-form__poll-wrapper, +.app-body .compose-form__poll-wrapper .poll__footer { border-top: 0; } -.layout-single-column .compose-form__poll-wrapper ul { +.app-body .compose-form__poll-wrapper ul { background-color: var(--color-accent-bg); } -.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { +.app-body .compose-form__poll-wrapper .autosuggest-input input:focus { box-shadow: 0 0 0 2px var(--color-accent); } -.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { +.app-body .compose-form__poll-wrapper .poll__footer .button.button-secondary { padding: 6px 16px; } -.layout-single-column .compose-form__poll-wrapper .icon-button.disabled { +.app-body .compose-form__poll-wrapper .icon-button.disabled { color: transparent; pointer-events: none; } - /* Empty columns */ -.layout-single-column .empty-column-indicator { +.app-body .empty-column-indicator { background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); - border-radius: 8px; + border: 1px solid var(--color-lines); + border-radius: 0 0 8px 8px; contain: content; } -.layout-single-column .empty-column-indicator a { +.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 */ -.layout-single-column .timeline-hint { +.app-body .timeline-hint { background-color: var(--color-content-bg); color: var(--color-content-fg); } -.layout-single-column .timeline-hint a { +.app-body .timeline-hint a { color: var(--color-accent); } -.layout-single-column article + .timeline-hint:last-child { +.app-body article + .timeline-hint:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 1px solid var(--color-lines); @@ -1521,88 +1950,61 @@ body.layout-single-column { /* πŸ“€ DMs */ -.layout-single-column .follow_requests-unlocked_explanation { +.app-body .follow_requests-unlocked_explanation { background-color: var(--color-accent-bg); color: var(--color-content-fg); border: 1px solid var(--color-accent-lines); } -@media screen and (min-width:890px) { - .layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation { - border-radius: 8px; - margin-top: 13px; - } -} -.layout-single-column .follow_requests-unlocked_explanation a { +.app-body .follow_requests-unlocked_explanation a { color: var(--color-accent); } -.layout-single-column .conversation__unread { +.app-body .conversation__unread { background-color: var(--color-accent); } -.layout-single-column .conversation.conversation--unread { +.app-body .conversation.conversation--unread { background-color: var(--color-content-bg-focus); } -.layout-single-column .conversation__unread { +.app-body .conversation__unread { color: var(--color-accent-fg); } -.layout-single-column .conversation__content__names a strong { +.app-body .conversation__content__names a strong { font-weight: bold; } -.layout-single-column .conversation__content__names, -.layout-single-column .conversation__content__names a, -.layout-single-column .conversation__content__relative-time, -.layout-single-column .conversation .attachment-list__list a, -.layout-single-column .conversation .attachment-list.compact .fa, -.layout-single-column .conversation .status__content p { +.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); } -.layout-single-column .conversation { +.app-body .conversation { background-color: var(--color-content-bg); border-bottom: 1px solid var(--color-lines); } -.layout-single-column .conversation__content__relative-time { +.app-body .conversation__content__relative-time { opacity: .7; } @media screen and (min-width:890px) { - .layout-single-column .conversation { + .app-body .conversation { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } /* Speech bubble look DMs */ -.layout-single-column .status-direct .status__content, -.layout-single-column .detailed-status-direct .status__content, -.layout-single-column .detailed-status__wrapper-direct .status__content { +.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-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 5px 18px 18px 16px; + background: var(--color-content-secondary-bg); + border: 1px solid var(--color-lines); + border-radius: 4px 12px 12px 12px; display: inline-block; } -.layout-single-column .status-direct .fa.fa-at, -.layout-single-column .detailed-status-direct .fa.fa-at { - font-size: 20px; -} -.layout-single-column .status-direct .fa.fa-at::before, -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-size: contain; - background-repeat: no-repeat; - background-image: var(--icon-direct-messages); - background-position: center 3px; - color: transparent; -} -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-position: center 2px; -} -.layout-single-column .status-direct.muted .status__content { +.app-body .status-direct.muted .status__content { background: rgba(155, 174, 200, 0.1); border-color: var(--color-lines); } -.layout-single-column .status__wrapper-direct .status__prepend, -.layout-single-column .detailed-status__wrapper-direct .status__prepend { +.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend { display: none; } @@ -1610,175 +2012,158 @@ body.layout-single-column { /* ⏺️ Column headers ----------------- */ -.layout-single-column .tabs-bar__wrapper { +.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); } -.layout-single-column .column-header__wrapper { - padding-bottom: 10px; -} -.layout-single-column .column-header__wrapper.active:before { +.app-body .column-header__wrapper.active:before { background: none; opacity: 40%; } -.layout-single-column .column-header__wrapper.active { +.app-body .column-header__wrapper.active { box-shadow: 0 0; } -.layout-single-column .column-header__wrapper::after, -.layout-single-column .column-back-button::after { - content: " "; - position: absolute; - left: 0; - right: 0; - bottom: -10px; - border-radius: 8px 8px 0 0; - box-shadow: - 0 -5px var(--color-bg), - 0 -10px var(--color-bg), - 0 -15px var(--color-bg), - 0 -20px var(--color-bg); - height: 10px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - background-color: transparent; - z-index: -1; -} -.layout-single-column .column-header { +.app-body .column-header { border-radius: 8px; } -.layout-single-column .column-header, -.layout-single-column .column-back-button { - background: var(--color-content-bg); +.app-body .column-header, +.app-body .column-back-button { + background-color: rgba(255, 255, 255, .75); color: var(--color-content-fg); - border: 1px solid var(--color-lines); - border-radius: 8px; + 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); } -.layout-single-column .column-header__button, -.layout-single-column .column-header__back-button { - background-color: var(--color-content-bg); +@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; } -.layout-single-column .column-back-button { - margin-bottom: 10px; -} -.layout-single-column .column-header__button { +.app-body .column-header__button { color: var(--color-content-fg); transition: all .2s; + border-radius: 6px; + height: 42px; + margin: 4px 4px 4px 0; } -.layout-single-column .column-header.active .column-header__icon { +.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; } -.layout-single-column .column-header__button.active, -.layout-single-column .column-header__button.active:hover, -.layout-single-column .column-header__button:hover { +.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) { - .layout-single-column .column-header__wrapper::after, - .layout-single-column .column-back-button::after { + .app-body .column-header__wrapper::after, + .app-body .column-back-button::after { display: none; } - .layout-single-column .column-header__button.active, - .layout-single-column .column-header__button.active:hover, - .layout-single-column .column-header__button:hover { + .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; } } -.layout-single-column .column-back-button--slim-button::after { +.app-body .column-back-button--slim-button::after { display: none; } -.layout-single-column .column-back-button--slim-button { - top: -47px +.app-body .column-back-button--slim-button { + top: -50px } @media screen and (max-width:1174px) { - .layout-single-column .column-back-button--slim-button { - height: 47px; + .app-body .column-back-button--slim-button { + height: 50px; + } +} +@media screen and (min-width:1175px) { + .app-body .column-back-button--slim-button { + display: none; } } -.layout-single-column .load-gap, -.layout-single-column .load-more { +.app-body .load-gap, +.app-body .load-more { background-color: var(--color-accent-bg); color: var(--color-accent); - border: 1px solid var(--color-accent-lines); + border-bottom: 0; } -.layout-single-column .load-gap:hover, -.layout-single-column .load-more:hover { +.app-body .load-gap:hover, +.app-body .load-more:hover { background-color: var(--color-accent-lines); } -@media screen and (min-width:890px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - border-radius: 8px 8px 0 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - margin-top: 15px; - } -} -.layout-single-column .column-header__collapsible { +.app-body .column-header__collapsible { border-bottom: 0; - border-radius: 8px; 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); } -.layout-single-column .column-header__collapsible:not(.collapsed) { - border: 1px solid var(--color-lines); -} -.layout-single-column .column-header__collapsible::-webkit-scrollbar-track { +.app-body .column-header__collapsible::-webkit-scrollbar-track { background-color: transparent; } @media screen and (max-width:1174px) { - .layout-single-column .column-header__collapsible { + .app-body .column-header__collapsible { box-shadow: none; border-radius: 0; } } -.layout-single-column .column-header__collapsible:not(.collapsed) { - margin-top: 10px; -} -.layout-single-column .column-header__collapsible-inner { +.app-body .column-header__collapsible-inner { background: var(--color-secondary-bg); border: 0; } -.layout-single-column .column-settings__section { +.app-body .column-settings__section { color: var(--color-content-fg-bold); } -.layout-single-column .setting-toggle__label { +.app-body .setting-toggle__label { color: var(--color-content-fg); } -.layout-single-column .column-header > button { +.app-body .column-header > button { padding: 0 0 0 15px; - line-height: 45px; font-weight: bold; } -.layout-single-column .column-header__icon { - vertical-align: middle; - display: inline-block; - margin-right: 8px; - transform: scale(.8); - line-height: 23px; -} @media screen and (max-width:1174px) { - .layout-single-column .ui__header { + .app-body .ui__header { background-color: transparent; border-bottom: 0; } - .layout-single-column .ui__header__logo { + .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; } - .layout-single-column .tabs-bar__wrapper { + .app-body .tabs-bar__wrapper { box-shadow: none; display: block; margin-bottom: -2px; @@ -1786,25 +2171,26 @@ body.layout-single-column { height: 45px; border-bottom: 1px solid rgba(0, 0, 0, .1); } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal) { + .app-body .tabs-bar__wrapper:has(> #tabs-bar__portal) { display: none; } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button), - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */ + .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; } - .layout-single-column .column-header, - .layout-single-column .column-back-button, - .layout-single-column .column-header__button, - .layout-single-column .column-header__back-button { + .app-body .column-header, + .app-body .column-back-button, + .app-body .column-header__button, + .app-body .column-header__back-button { background-color: transparent; - height: 45px; + height: 50px; border: 0; + margin: 0; } - .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ + .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(242, 239, 245, .75); + background-color: rgba(255, 255, 255, 0.75); content: ""; height: 100px; left: 0; @@ -1813,24 +2199,32 @@ body.layout-single-column { width: 100%; z-index: 1; } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { + .app-body .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { height: 55px; } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after, - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */ + .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; } - .layout-single-column .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */ - margin-top: 0; + .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) { - .layout-single-column .ui::after { + .app-body .ui::after { background-color: rgba(3, 3, 3, .65); } - .layout-single-column .tabs-bar__wrapper { - border-color: rgba(255, 255, 255, .1); + .app-body .tabs-bar__wrapper { + border-color: var(--color-lines); } } } @@ -1839,58 +2233,79 @@ body.layout-single-column { /* ⏺️ Horizontal selectors (used to navigate subsections on the Explore, Live Feeds and Account pages) */ -.layout-single-column .account__section-headline, -.layout-single-column .notification__filter-bar { +.app-body + :is(.account__section-headline, .notification__filter-bar) { background: var(--color-accent-bg); border: 1px solid var(--color-accent-lines); - border-radius: 8px; +} +.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; } -.layout-single-column .account__section-headline a, -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar a, -.layout-single-column .notification__filter-bar button { +@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; - padding: 14px 0; + max-height: 45px; + padding: 14px 10px; } -.layout-single-column .account__section-headline a:hover, -.layout-single-column .account__section-headline button:hover, -.layout-single-column .notification__filter-bar a:hover, -.layout-single-column .notification__filter-bar button:hover { +.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; } -.layout-single-column .account__section-headline a.active, -.layout-single-column .account__section-headline button.active, -.layout-single-column .notification__filter-bar a.active, -.layout-single-column .notification__filter-bar button.active { +.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; } -.layout-single-column .account__section-headline a.active::before, -.layout-single-column .account__section-headline button.active::before, -.layout-single-column .notification__filter-bar a.active::before, -.layout-single-column .notification__filter-bar button.active::before { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button).active::before { display: none; } -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar button { +.app-body + :is(.account__section-headline, .notification__filter-bar) + button { background-color: transparent; } -.layout-single-column .account__section-headline a::after, -.layout-single-column .account__section-headline button::after, -.layout-single-column .notification__filter-bar a::after, -.layout-single-column .notification__filter-bar button::after, -.layout-single-column .account__section-headline a.active::after, -.layout-single-column .account__section-headline button.active::after, -.layout-single-column .notification__filter-bar a.active::after, -.layout-single-column .notification__filter-bar button.active::after { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button, a.active, button.active)::after { display: block; position: absolute; content: " "; @@ -1906,128 +2321,158 @@ body.layout-single-column { transform: unset; border: 0; } -.layout-single-column .account__section-headline a:last-child::after, -.layout-single-column .account__section-headline button:last-child::after, -.layout-single-column .notification__filter-bar a:last-child:after, -.layout-single-column .notification__filter-bar button:last-child:after { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button):last-child::after { display: none; } @media (prefers-color-scheme: dark) { - .layout-single-column .account__section-headline a.active, - .layout-single-column .account__section-headline button.active, - .layout-single-column .notification__filter-bar a.active, - .layout-single-column .notification__filter-bar button.active { + .app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button).active { background-color: var(--color-bg); } } -@media screen and (max-width:889px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-left: 10px; - margin-right: 10px; - } -} -@media screen and (max-width:1174px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-top: 10px; - } -} -.layout-single-column .notification__filter-bar i.fa-reply-all::before { - content: var(--icon-reply-accent); - top: 2px +.app-body .notification__filter-bar .icon-reply-all { + background-image: var(--icon-reply-accent); } -.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { - content: var(--icon-reply); +.app-body .notification__filter-bar .active .icon-reply-all { + background-image: var(--icon-reply); } -.layout-single-column .notification__filter-bar i.fa-fw::before { - width: 18px; - height: 18px; - background-size: contain; -} -.layout-single-column .notification__filter-bar i.fa-star::before { +.app-body .notification__filter-bar .icon-star { background-image: var(--icon-star-accent); - transform: translate(0, 1px); } -.layout-single-column .notification__filter-bar .active i.fa-star::before { +.app-body .notification__filter-bar .active .icon-star { background-image: var(--icon-star); } -.layout-single-column .notification__filter-bar i.fa.fa-retweet { +.app-body .notification__filter-bar .icon-retweet { background-image: var(--icon-boost-accent); - transform: translate(0, 1px); } -.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { +.app-body .notification__filter-bar .active .icon-retweet { background-image: var(--icon-boost); } -.layout-single-column .notification__filter-bar .fa-tasks::before { - content: var(--icon-poll-accent); - top: 2px; - left: -2px; +.app-body .notification__filter-bar .icon-tasks { + background-image: var(--icon-poll-accent); } -.layout-single-column .notification__filter-bar .active .fa-tasks::before { - content: var(--icon-poll); +.app-body .notification__filter-bar .active .icon-tasks { + background-image: var(--icon-poll); } -.layout-single-column .notification__filter-bar i.fa.fa-home::before { - content: var(--icon-home-notification-accent); - transform: translate(0, 1px); - display: inline-block; +.app-body .notification__filter-bar .icon-home { + background-image: var(--icon-post-notification-accent); } -.layout-single-column .notification__filter-bar .active i.fa.fa-home::before { - content: var(--icon-home-notification); +.app-body .notification__filter-bar .active .icon-home { + background-image: var(--icon-post-notification); } -.layout-single-column .notification__favourite-icon-wrapper .fa-home { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home::before { - content: var(--icon-home-notification-accent); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus { - transform: scale(.8); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus::before { - content: var(--icon-users-column-link-accent); - transform: translate(-2px, 2px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-user-plus::before { - content: var(--icon-users-column-link); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus::before { - content: var(--icon-users-column-link-accent); + +@media screen and (max-width:889px) { + .app-body .account__header + .account__section-headline { + border-radius: 0; + } } /* πŸ“ Navigation panel ------------------- */ -.layout-single-column .column-link--transparent { +@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); } -.layout-single-column .ui__header__logo .logo--icon { +.app-body .ui__header__logo .logo--icon { display: none; } -.layout-single-column .ui__header__links .button.button-secondary { - padding: 8px 18px 8px 18px; +.app-body .ui__header__links .button.button-secondary { + padding: 8px 15px; } -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { +.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; } -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { +.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); } -.layout-single-column .column-link--logo { +.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; } -.layout-single-column .column-link.column-link--logo, -.layout-single-column .ui__header__logo { +.app-body .column-link.column-link--logo, +.app-body .ui__header__logo { display: inline-flex; padding: 0; width: 50px; @@ -2037,41 +2482,42 @@ body.layout-single-column { background-position: center; background-size: 32px auto; } -.layout-single-column .column-link.column-link--logo svg, -.layout-single-column .ui__header__logo svg { +.app-body .column-link.column-link--logo svg, +.app-body .ui__header__logo svg { display: none; } -.layout-single-column .navigation-panel__logo { +.app-body .navigation-panel__logo { margin-bottom: 10px; } -.layout-single-column .column-link:not(.column-link--logo) { - padding: 10px 20px 11px 13px; +.app-body .column-link:not(.column-link--logo) { + padding: 13px 20px 14px 13px; margin-left: 3px; font-weight: 500; + font-size: 18px; + overflow: visible; } -.layout-single-column a.column-link--transparent.active, -.layout-single-column a.column-link--transparent.active:hover { +.app-body .column-link--transparent:is(.active, .active:hover) { color: var(--color-content-fg); font-weight: bold; } -.layout-single-column .column-link--transparent:hover { +.app-body .column-link--transparent:hover { border-radius: 8px; padding-right: 20px; } -.layout-single-column a.column-link--transparent span { +.app-body .column-link--transparent span { position: relative; } @media screen and (min-width:1175px) { - .layout-single-column .column-link:not(.column-link--logo) { + .app-body .column-link:not(.column-link--logo) { transition: all .2s; } - .layout-single-column .column-link:not(.column-link--logo)[href="/settings/preferences"] { + .app-body .column-link:not(.column-link--logo)[href="/settings/preferences"] { padding-bottom: 13px; } - .layout-single-column a.column-link--transparent span::before { + .app-body .column-link--transparent span::before { content: " "; - left: -40px; + left: -44px; background-color: transparent; transition: .3s background-color; top: -12px; @@ -2079,17 +2525,23 @@ body.layout-single-column { position: absolute; border-radius: 8px; z-index: -1; - bottom: -13px; + bottom: -12px; } - .layout-single-column a.column-link--transparent:hover span::before { + .app-body .column-link--transparent:hover span::before { background-color: var(--color-accent-bg); } - .layout-single-column a.column-link--transparent.active span::before, - .layout-single-column a.column-link--transparent.active:hover span::before { - background-color: var(--color-content-bg); + .app-body .column-link--transparent:is(.active, .active:hover) span::before { + background-color: var(--color-content-secondary-bg); } } -.layout-single-column .icon-with-badge__badge { +@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; @@ -2098,45 +2550,39 @@ body.layout-single-column { border: 0; z-index: 1; } -.layout-single-column .compose-panel hr, .navigation-panel hr { +.app-body .compose-panel hr, .navigation-panel hr { display: none; } -.layout-single-column .column-link__icon { - transform: scale(.8); - vertical-align: middle; - margin-right: 9px; -} -.layout-single-column .column-link span { +.app-body .column-link span { vertical-align: middle; } -.layout-single-column .column-link .fa::before { +.app-body .column-link .fa::before { position: relative; top: 1px; } -.layout-single-column .column-link .fa.fa-cog { +.app-body .column-link .fa.fa-cog { transform: scale(1) translate(1px, -1px); } -.layout-single-column .list-panel { - padding: 5px 9px 8px 27px; +.app-body .list-panel { + padding: 5px 9px 50px 27px; margin: 0 0 5px; display: none; } -.layout-single-column .list-panel i.fa { +.app-body .list-panel .icon { display: none; } -.layout-single-column .list-panel .column-link span::before { - left: -12px; +.app-body .list-panel .column-link span::before { + left: -15px; top: -10px; - right: -12px; + right: -15px; bottom: -10px; } -.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before { +.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) { - .layout-single-column .column-link[href="/lists"]:hover + .list-panel, - .layout-single-column .column-link[href="/lists"].active + .list-panel, - .layout-single-column .list-panel:hover { + .app-body .column-link[href="/lists"]:is(.active, :hover) + .list-panel, + .app-body .list-panel:hover { display: block; animation: fadein .5s 1; } @@ -2152,31 +2598,56 @@ body.layout-single-column { } } @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner { + .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; } - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { + .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; - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - background-color: rgba(255, 255, 255, 0.5); + background-color: var(--color-content-bg); + border-top: 1px solid var(--color-lines); border-left: 0; - border-top: 1px solid rgba(0, 0, 0, .1); } - .layout-single-column .navigation-panel .column-link, - .layout-single-column .navigation-panel .navigation-panel__legal, - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column .column-link--transparent:hover { - flex: 0 0 18vw; + .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; @@ -2187,60 +2658,70 @@ body.layout-single-column { box-sizing: border-box; background-color: transparent; } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { + .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; } - .layout-single-column .column-link__icon { - transform: scale(1); + .app-body .column-link__icon { margin: 0; } - .layout-single-column .column-link span { + .app-body .column-link span { padding-left: .5em; } - .layout-single-column .column-link .fa-list-ul { - margin-right: 0; - } - .layout-single-column .columns-area__panels__main { + .app-body .columns-area__panels__main { width: calc(100% - 285px); margin-left: -285px; } - .layout-single-column .columns-area__panels { + .app-body .columns-area__panels { padding-bottom: 6em; } - .layout-single-column .columns-area__panels .navigation-panel__legal { + .app-body .columns-area__panels .navigation-panel__legal { margin: 0; padding: 0; } - .layout-single-column .columns-area__panels .navigation-panel__legal .column-link--transparent { + .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) { - .layout-single-column .columns-area__panels__main { + .app-body .columns-area__panels__main { width: 100%; margin-left: -55px; } } @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(3, 3, 3, .65); - border-left: 0; - border-right: 0; - border-bottom: 0; - border-top: 1px solid rgba(255, 255, 255, .1); - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { + .app-body .column-link--transparent:is(.active, .active:hover, :active) { background-color: var(--color-bg); } } @@ -2250,33 +2731,34 @@ body.layout-single-column { /* πŸ‘€ Account view --------------- */ -.layout-single-column .account__header { - border-radius: 8px; +.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) { - .layout-single-column .account__header { + .app-body .account__header { margin-top: 15px; + border-radius: 8px; } } @media screen and (max-width:889px) { - .layout-single-column .account__header { + .app-body .account__header { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .account__header__image { - height: 150px; +.app-body .account__header__image { + height: 159px; background-color: var(--color-secondary-bg); border-bottom: 0; } -.layout-single-column .account__header__bar { +.app-body .account__header__bar { border: 0; } -.layout-single-column .account__header__bar .avatar .account__avatar { +.app-body .account__header__bar .avatar .account__avatar { border-radius: 50%; border-width: 5px; width: 100px !important; @@ -2284,78 +2766,77 @@ body.layout-single-column { background-color: var(--color-content-bg); border-color: var(--color-content-bg); } -.layout-single-column .account__header__tabs__name h1, -.layout-single-column .account__header__tabs__name h1 small { +.app-body .account__header__tabs__name h1, +.app-body .account__header__tabs__name h1 small { color: var(--color-content-fg); } -.layout-single-column .account__header__tabs__name h1 > span { +.app-body .account__header__tabs__name h1 > span { font-size: 18px; } -.layout-single-column .account__header__tabs__name h1 small { +.app-body .account__header__tabs__name h1 small { opacity: .7; } -.layout-single-column .account__section-headline { - margin-bottom: 10px; +.app-body .account__header__tabs__name .icon-lock { + vertical-align: bottom; } -.layout-single-column .account__header__content a { +.app-body .account__header__content a { color: var(--color-accent); text-decoration: none; } -.layout-single-column .account__header__content a:hover { +.app-body .account__header__content a:hover { text-decoration: underline; } -.layout-single-column .account__header__extra__links a strong { +.app-body .account__header__extra__links a strong { color: var(--color-content-fg-bold); } -.layout-single-column .account__header__account-note label { +.app-body .account__header__account-note label { margin-bottom: 0; } -.layout-single-column .account__header__account-note label, -.layout-single-column .account__header__account-note textarea::placeholder { +.app-body .account__header__account-note label, +.app-body .account__header__account-note textarea::placeholder { color: var(--color-content-fg-bold); opacity: .5; } -.layout-single-column .account__header__account-note textarea { +.app-body .account__header__account-note textarea { color: var(--color-content-fg); } -.layout-single-column .account__header__account-note textarea:focus { +.app-body .account__header__account-note textarea:focus { background-color: var(--color-accent-bg); } -.layout-single-column .account__header__badges .account-role { +.app-body .account__header__badges .account-role { border-radius: 8px; border-color: var(--color-accent); color: var(--color-accent); } -.layout-single-column .account-role svg { +.app-body .account-role svg { opacity: 1; } -.layout-single-column .account__header__extra__links a, -.layout-single-column .account__header__bio .account__header__content, -.layout-single-column .account__header__bio .account__header__fields dd { +.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); } -.layout-single-column .account__header__bio .account__header__fields { +.app-body .account__header__bio .account__header__fields { background-color: var(--color-content-secondary-bg); border-radius: 8px; } @media (prefers-color-scheme: dark) { - .layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-bg); + .app-body .account__header__bio .account__header__fields { + background-color: var(--color-secondary-bg); } } -.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { +.app-body .account__header__bio .account__header__fields:has(dl:only-child) { display: none; } -.layout-single-column .account__header__bio .account__header__fields dt { +.app-body .account__header__bio .account__header__fields dt { font-weight: bold; font-size: 12px; } -.layout-single-column .account__header__bio .account__header__fields dl, -.layout-single-column .account__header__bio .account__header__fields .verified { +.app-body .account__header__bio .account__header__fields :is(dl, .verified) { border-bottom: 0; position: relative; } -.layout-single-column .account__header__bio .account__header__fields dl:not(:last-child):after { +.app-body .account__header__bio .account__header__fields dl:not(:last-child):after { display: block; content: " "; height: 1px; @@ -2366,75 +2847,63 @@ body.layout-single-column { position: absolute; border-radius: 50px; } -.layout-single-column .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */ +.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; } -.layout-single-column .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */ +.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; } -.layout-single-column .account__header__bio .account__header__fields .verified a, .account__header__bio .account__header__fields .verified dd { /* Verified field tweak: vivid green text */ +.app-body .account__header__bio .account__header__fields .verified :is(a, dd) { color: var(--color-accent); } -.layout-single-column .account__header__bio .account__header__fields .verified dt, -.layout-single-column .account__header__bio .account__header__fields dt { /* Verified field tweak: restore default field title color */ +.app-body .account__header__bio .account__header__fields :is(.verified dt, dt) { color: var(--color-content-fg); } -.layout-single-column .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */ +.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; } -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child { /* Verified field tweak: adding a green background circle to the checkmark icon */ - display: inline-block; - background-color: var(--color-accent); - border-radius: 50px; - width: 1.2em; - height: 1.2em; - line-height: 1.2; - text-align: center; - margin-right: 2px; +.app-body .account__header__extra .account__header__fields .verified dd > span:first-child { + vertical-align: bottom; } -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child i { /* white checkmark */ - color: #fff; - font-size: 85%; - transform: scale(.9); +.app-body .account__header__extra .account__header__fields .verified__mark { + float: left; + margin-left: -1px; } -.layout-single-column .account__header__bio .account__header__fields .verified:last-child { +.app-body .account__header__bio .account__header__fields .verified:last-child { border-bottom: 0; } -.layout-single-column .account-timeline__header + article .status__wrapper, -.layout-single-column .account-timeline__header + article .account { /* rounded corners on first post below account header + on first account in followings/followers list */ - border-radius: 8px 8px 0 0; - border-right: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-top: 1px solid var(--color-lines); -} @media screen and (max-width:889px) { - .layout-single-column .account-timeline__header + article .status__wrapper, - .layout-single-column .account-timeline__header + article .account { + .app-body .account-timeline__header + article :is(.status__wrapper, .account) { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .follow-request-banner, -.layout-single-column .moved-account-banner { +.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); } -.layout-single-column .moved-account-banner { +.app-body .moved-account-banner { margin-bottom: 10px; border-radius: 8px; } -.layout-single-column .follow-request-banner__message, -.layout-single-column .moved-account-banner__message { +.app-body .follow-request-banner__message, +.app-body .moved-account-banner__message { color: var(--color-content-fg); } -.layout-single-column .moved-account-banner__message { +.app-body .moved-account-banner__message { font-weight: bold; } @@ -2442,76 +2911,70 @@ body.layout-single-column { /* ✨ Explore tab -------------- */ @media screen and (min-width:890px) { - .layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; - } - .layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper { + .app-body .account__section-headline + .scrollable article:last-child .status__wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } } -.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { - color: #E53880; -} -.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number { - color: #ca8f04; -} /* #️⃣ Trending hashtags */ -.layout-single-column .trends__item__sparkline path:last-child { +.app-body .trends__item__sparkline path:last-child { stroke: var(--color-accent) !important; } -.layout-single-column .trends__item__sparkline path:first-child { +.app-body .trends__item__sparkline path:first-child { fill: var(--color-accent) !important; fill-opacity: 0.2 !important; } -.layout-single-column .explore__links { +.app-body .explore__links { background-color: var(--color-content-bg); - border-radius: 8px !important; border: 1px solid var(--color-lines); overflow: hidden; + margin-top: -1px; } @media screen and (max-width:889px) { - .layout-single-column .explore__links { - border-radius: 0 !important; + .app-body .explore__links { border-left: 0; border-right: 0; } } -.layout-single-column .columns-area__panels__main .trends__item { +@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; + } +} +.app-body .columns-area__panels__main .trends__item { background-color: var(--color-content-bg); border-bottom: 2px solid var(--color-content-secondary-bg); } -.layout-single-column .explore__links .trends__item:last-child { +.app-body .explore__links .trends__item:last-child { border-bottom: 0; } -.layout-single-column .trends__item__name, -.layout-single-column .trends__item__current { +.app-body .trends__item__name, +.app-body .trends__item__current { color: var(--color-fg-muted); } -.layout-single-column .trends__item__name a { +.app-body .trends__item__name a { color: var(--color-fg); } /* Hashtag header */ -.layout-single-column .hashtag-header { +.app-body .hashtag-header { font-size: 15px; - padding: 18px 20px 20px; + padding: 22px 20px 24px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-bottom: 0; } -.layout-single-column .hashtag-header__header { +.app-body .hashtag-header__header { margin-bottom: 0; } -.layout-single-column .hashtag-header__header h1 { +.app-body .hashtag-header__header h1 { color: var(--color-content-fg); } -.layout-single-column .hashtag-header .hashtag-header__header + div { +.app-body .hashtag-header .hashtag-header__header + div { color: var(--color-content-fg); font-size: 85%; opacity: .8; @@ -2520,36 +2983,34 @@ body.layout-single-column { } @media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .hashtag-header { + .app-body .hashtag-header { margin-top: 15px; } } @media screen and (min-width:890px) { - .layout-single-column .hashtag-header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; + .app-body .hashtag-header { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } - .layout-single-column .hashtag-header .hashtag-header__header button { + .app-body .hashtag-header .hashtag-header__header button { transform: translate(0, 8px); } } /* Account recommendations (For You Tab + User directory */ -.layout-single-column .scrollable .account-card { +.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) { - .layout-single-column .scrollable .account-card { + .app-body .scrollable .account-card { margin: 0 10px 10px; } } -.layout-single-column .account-card__header { +.app-body .account-card__header { padding: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; @@ -2558,190 +3019,168 @@ body.layout-single-column { height: 128px; overflow: hidden; } -.layout-single-column .scrollable .account-card__bio:after { +.app-body .scrollable .account-card__bio:after { background: linear-gradient(270deg, var(--color-content-bg), transparent); } -.layout-single-column .account-card__title__avatar .account__avatar { +.app-body .account-card__title__avatar .account__avatar { border: 0; border-radius: 50%; overflow: visible; } -.layout-single-column .account-card__title__avatar img { +.app-body .account-card__title__avatar img { border: 0; border-radius: 50%; box-shadow: 0 0 0 3px var(--color-content-bg); } -.layout-single-column .account-card__title .display-name bdi, -.layout-single-column .account-card__counters__item, -.layout-single-column .account-card__counters__item small { +.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); } -.layout-single-column .account-card__counters__item small { +.app-body .account-card__counters__item small { opacity: .7; } -.layout-single-column .account-card__bio a { +.app-body .account-card__bio a { color: var(--color-accent); } -.layout-single-column .filter-form { +.app-body .filter-form { background-color: var(--color-accent-bg); border-radius: 8px; margin-bottom: 10px; } -.layout-single-column .filter-form__column { +.app-body .filter-form__column { padding: 10px 15px; } /* πŸ“° Trending stories */ -.layout-single-column .story { +.app-body .story { background-color: var(--color-content-bg); transition: background-color .2s; } -.layout-single-column .story:not(:last-child) { +.app-body .story:not(:last-child) { border-bottom: 2px solid var(--color-content-secondary-separator); } -.layout-single-column .story, -.layout-single-column .story__details__title { +.app-body .story, +.app-body .story__details__title { color: var(--color-content-fg); } -.layout-single-column .story:hover { +.app-body .story:hover { background-color: var(--color-content-bg-focus); } -.layout-single-column .story__details__publisher, -.layout-single-column .story__details__shared { +.app-body .story__details__publisher, +.app-body .story__details__shared { color: var(--color-fg); } -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared { +.app-body .story .story__details__publisher, +.app-body .story .story__details__shared { transition: all .3s; } -.layout-single-column .story:active .story__details__publisher, -.layout-single-column .story:active .story__details__shared, -.layout-single-column .story:focus .story__details__publisher, -.layout-single-column .story:focus .story__details__shared, -.layout-single-column .story:hover .story__details__publisher, -.layout-single-column .story:hover .story__details__shared { +.app-body .story:is(:active, :focus, :hover) :is(.story__details__publisher, .story__details__shared) { color: var(--color-accent); } -.layout-single-column .story.expanded .story__thumbnail { +.app-body .story.expanded { + gap: 10px; + padding-bottom: 20px; +} +.app-body .story.expanded .story__thumbnail { margin: 0 0 -25px; } -.layout-single-column .story.expanded .story__thumbnail img { - width: calc(100% + 30px); - margin: -15px -15px 0 -15px; - border-radius: 0 0 0 0; +.app-body .story.expanded .story__thumbnail img { + margin: 0 0 30px; + border-radius: 8px; } /* πŸ” Search field and search results */ -.layout-single-column .search { +.app-body .search { margin-bottom: 10px; } -.layout-single-column .search__input { +.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); } -.layout-single-column .search__input::placeholder, -.layout-single-column .compose-form .spoiler-input__input::placeholder { +.app-body .search__input::placeholder, +.app-body .compose-form .spoiler-input__input::placeholder { font-weight: 500; color: var(--color-accent); } -.layout-single-column .search__input:focus { +.app-body .search__input:focus { border: 1px solid var(--color-accent); } -.layout-single-column .compose-panel .fa-search, -.layout-single-column .compose-panel .fa.active { - right: 15px; - top: 16px; - color: var(--color-accent); +.app-body .search__icon .icon { + margin-right: 4px; + transform: scale(.9); } -.layout-single-column .compose-panel .fa-search.active, -.layout-single-column .compose-panel .fa-times-circle.active, -.layout-single-column .search__icon .fa.active { +.app-body .compose-panel .icon-search, +.app-body .compose-panel .icon-search.active, +.app-body .explore__search-header .icon-search { + background-image: var(--icon-search-active); +} +.app-body .compose-panel .icon-search.active, +.app-body .search__icon .icon-search.active { opacity: 1; z-index: 1; } -.layout-single-column .compose-panel .fa-times-circle.active { - top: 17px; -} -.layout-single-column .explore__search-results { - background-color: var(--color-content-bg); +.app-body .explore__search-results { + background-color: transparent; overflow: hidden; } -.layout-single-column .explore__search-header { +.app-body .explore__search-header { background-color: transparent; } -.layout-single-column .explore__search-results .account { +.app-body .explore__search-results .account { padding-top: 16px; } -.layout-single-column .explore__search-results article:first-child > .account { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .account { +.app-body .explore__search-results article:last-child > .account { border-bottom: 1px solid var(--color-lines); } -.layout-single-column .explore__search-results .trends__item { +.app-body .explore__search-results .trends__item { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .explore__search-results article:first-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:first-child, -.layout-single-column .search-results__section > .account:first-child { +.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); } -.layout-single-column .explore__search-results article:last-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:last-child, -.layout-single-column .search-results__section > .account:last-child { +.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); } -.layout-single-column .search-results__section { +.app-body .search-results__section { background-color: var(--color-bg); - padding-bottom: 10px; border-bottom: 0; } -.layout-single-column .search-results__section__header { +.app-body .search-results__section__header { background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; color: var(--color-content-fg); } -.layout-single-column .search-results__section__header button { +.app-body .search-results__section__header button { color: var(--color-accent); } @media screen and (min-width:890px) { - .layout-single-column .explore__search-results { - border-radius: 8px; - } - .layout-single-column .explore__search-results article:first-child > .account, - .layout-single-column .search-results__section > .account:first-child, - .layout-single-column .explore__search-results article:first-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:first-child { - border-radius: 8px 8px 0 0; - } - .layout-single-column .explore__search-results article:last-child > .account, - .layout-single-column .search-results__section > .account:last-child, - .layout-single-column .explore__search-results article:last-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:last-child, - .layout-single-column .explore__search-results .load-more:last-child { + .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; } - .layout-single-column .search-results__section__header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } } -.layout-single-column .account .account__details > span { +.app-body .account .account__details > span { color: var(--color-content-fg); } -.layout-single-column .account .account__details .verified-badge { +.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); @@ -2752,7 +3191,7 @@ body.layout-single-column { opacity: 1; } } -.layout-single-column .search__popout { +.app-body .search__popout { background-color: var(--color-content-bg); border-radius: 8px; box-shadow: none; @@ -2760,138 +3199,155 @@ body.layout-single-column { border: 1px solid var(--color-lines); animation: .3s fadein-short 1; } -.layout-single-column .search__popout h4 { +.app-body .search__popout h4 { font-weight: bold; } -.layout-single-column .search__popout h4, -.layout-single-column .search__popout__menu__message, -.layout-single-column .search__popout__menu__item { +.app-body .search__popout h4, +.app-body .search__popout__menu__message, +.app-body .search__popout__menu__item { color: var(--color-content-fg); } -.layout-single-column .search__popout__menu__item { +.app-body .search__popout__menu__item { align-items: initial; } -.layout-single-column .search__popout__menu__item mark { +.app-body .search__popout__menu__item mark { color: var(--color-content-fg-bold); } -.layout-single-column .search__popout__menu__item .icon-button:active, -.layout-single-column .search__popout__menu__item .icon-button:focus, -.layout-single-column .search__popout__menu__item .icon-button:hover { +.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { background-color: transparent; color: var(--color-accent-fg); } -.layout-single-column .search__popout__menu__item.selected, -.layout-single-column .search__popout__menu__item:active, -.layout-single-column .search__popout__menu__item:focus, -.layout-single-column .search__popout__menu__item:hover, -.layout-single-column .search__popout__menu__item.selected mark, -.layout-single-column .search__popout__menu__item:active mark, -.layout-single-column .search__popout__menu__item:focus mark, -.layout-single-column .search__popout__menu__item:hover mark { +.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) { - .layout-single-column .search { + .app-body .search { margin-bottom: 0; } - .layout-single-column .explore__search-header { + .app-body .explore__search-header { padding-top: 2px; } - .layout-single-column .search__input { + .app-body .search__input { padding: 13px; } - .layout-single-column i.fa-search, - .layout-single-column i.fa.active { - color: var(--color-accent); - transform: scale(1); - top: 14px; + .app-body .explore__search-header { + padding: 10px 0; } - .layout-single-column .explore__search-header { - padding: 10px 0 0; + .app-body .search__icon .icon { + top: 11px; } } @media screen and (max-width:889px) { - .layout-single-column .explore__search-header { - padding: 10px 10px 0; + .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"])::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 */ -.layout-single-column .dismissable-banner { +.app-body .dismissable-banner { background-color: var(--color-accent); box-shadow: 0 5px var(--color-content-bg); - border-radius: 8px 8px 0 0; + border-radius: 0; border: 1px solid var(--color-lines); margin: 0; } -.layout-single-column .explore__links .dismissable-banner { +.app-body .explore__links .dismissable-banner { border: 0; - border-radius: 7px 7px 0 0; } @media screen and (max-width:889px) { - .layout-single-column .dismissable-banner, - .layout-single-column .explore__links .dismissable-banner { - border-radius: 0; + .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) { - .layout-single-column .dismissable-banner { - margin-top: 10px; - } - .layout-single-column .explore__links .dismissable-banner { + .app-body .explore__links .dismissable-banner { margin-top: 0; } } -.layout-single-column .dismissable-banner__message, -.layout-single-column .dismissable-banner__action .icon-button { - color: var(--color-accent-fg); -} -.layout-single-column .dismissable-banner__message h1 { - color: var(--color-accent-fg); +.app-body .dismissable-banner__message h1 { + color: var(--color-content-fg); margin-top: 10px; + margin-bottom: 8px; } -.layout-single-column .dismissable-banner__message__actions__wrapper { +.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; } -.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, rgba(99, 99, 255, 0.8), rgba(99, 99, 255, 0.5)); +.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; } -.layout-single-column .dismissable-banner__background-image { +.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; } -.layout-single-column .dismissable-banner__message__actions .button, -.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { +.app-body .dismissable-banner__message__actions .button, +.app-body .dismissable-banner__message__actions .button.button-tertiary { line-height: 28px; padding: 6px 17px; } -@media (prefers-color-scheme: dark) { - .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to top, rgba(122, 122, 249, .5), rgba(122, 122, 249, .3)); - } +.app-body .dismissable-banner__message__actions { + gap: 5px; } /* πŸ”” Notifications ---------------- */ -.layout-single-column .status.muted .status__content, -.layout-single-column .status.muted .status__content a, -.layout-single-column .status.muted .status__content p, -.layout-single-column .status.muted .status__display-name strong, -.layout-single-column .attachment-list__list a, -.layout-single-column .attachment-list.compact .fa { +.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); } -.layout-single-column .notification.unread::before, -.layout-single-column .status__wrapper.unread::before { +.app-body .notification.unread::before, +.app-body .status__wrapper.unread::before { background-color: var(--color-accent); width: 8px; border: 0; @@ -2902,174 +3358,240 @@ body.layout-single-column { left: 5px; z-index: 1; } -.layout-single-column .notification__message { - padding: 12px 12px 0; +.app-body .notification__message { + padding: 12px 12px 5px; background-color: var(--color-content-bg); color: var(--color-content-fg-bold); transition: all .3s; } -.layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .notification__display-name { +.app-body .notification__display-name { font-weight: bold; } -.layout-single-column .notification__report { +.app-body .notification__report { background-color: var(--color-content-bg); border-bottom: 0; padding-top: 10px; gap: 15px; } -.layout-single-column .notification__report__details { +.app-body .notification__report__details { color: var(--color-content-fg); } @media screen and (min-width:889px) { - .layout-single-column .notification__message { + .app-body .notification__message { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } - .layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .notification__report { + .app-body .notification__report { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } -.layout-single-column .notification__message .fa { +.app-body .notification__message .icon { color: var(--color-accent); -} -.layout-single-column .notification__favourite-icon-wrapper { - width: 56px; + width: 18px; + margin-left: 38px; text-align: right; + background-position: center right; } @media screen and (max-width:889px) { - .layout-single-column .notification__favourite-icon-wrapper { - width: 51px; + .app-body .notification__message .icon { + margin-left: 34px; } } -.layout-single-column .notification__favourite-icon-wrapper i.fa-star { - font-size: 15px; -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star::before { - line-height: 24px; - transform: scale(.8); -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-tasks::before { - content: var(--icon-poll-accent); - top: -1px; -} -.layout-single-column .notification .status__wrapper { +.app-body .notification .status__wrapper { padding-top: 0; } -.layout-single-column .notification-favourite .status__action-bar, -.layout-single-column .notification-reblog .status__action-bar, -.layout-single-column .notification-poll .status__action-bar, -.layout-single-column .notification-status .status__action-bar { +.app-body +:is(.notification-favourite, + .notification-reblog, + .notification-poll, + .notification-status) +.status__action-bar { display: none; } -.layout-single-column .account { +.app-body .account { background-color: var(--color-content-bg); border-bottom: 0; padding-left: 22px; padding-top: 4px; } -.layout-single-column .explore__search-results .account { +.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) { - .layout-single-column .account { + .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 */ -.layout-single-column .column-inline-form { +.app-body .column-inline-form { background-color: var(--color-accent-bg); border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; } @media screen and (max-width:1174px) { - .layout-single-column .column-inline-form { + .app-body .column-inline-form { margin-top: 10px; } } @media screen and (max-width:889px) { - .layout-single-column .column-inline-form { + .app-body .column-inline-form { margin-left: 10px; margin-right: 10px; } } -.layout-single-column .column-inline-form label input, -.layout-single-column .column-inline-form label input:focus { +.app-body .column-inline-form label :is(input, input:focus) { background-color: var(--color-content-bg); color: var(--color-content-fg); border-radius: 8px; } -.layout-single-column .column-inline-form label input:focus { - box-shadow: 0 0 0 2px var(--color-accent); +.app-body .column-inline-form label input:focus { + box-shadow: 0 0 0 1px var(--color-accent); } -.layout-single-column .column-subheading, -.layout-single-column .columns-area__panels__main .column-link { +.app-body :is(.column-subheading, .columns-area__panels__main .column-link) { background-color: var(--color-content-bg); color: var(--color-fg); } -.layout-single-column .column-subheading { +.app-body .item-list .column-subheading { color: var(--color-fg-muted); border: 1px solid var(--color-lines); + border-top: 0; border-bottom: 0; - border-radius: 8px 8px 0 0; +} +.app-body .getting-started .column-subheading { + color: var(--color-fg-muted); } @media screen and (max-width:889px) { - .layout-single-column .column-subheading { + .app-body .item-list .column-subheading { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .columns-area__panels__main .column-link { +.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; } -.layout-single-column .columns-area__panels__main .column-link:hover { +.app-body .item-list .column-link:hover { background-color: var(--color-content-secondary-bg); color: var(--color-accent); } -.layout-single-column .columns-area__panels__main article:last-child .column-link { +.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) { - .layout-single-column .columns-area__panels__main .column-link { + .app-body .item-list .column-link { border-left: 0; border-right: 0; } - .layout-single-column .columns-area__panels__main article:last-child .column-link { + .app-body .item-list article:last-child .column-link { border-radius: 0; } } /* List adder dialog */ -.layout-single-column .list-adder, -.layout-single-column .list-adder__account, -.layout-single-column .list-adder__lists { +.app-body :is(.list-adder, .list-adder__account, .list-adder__lists) { background-color: var(--color-content-bg); color: var(--color-content-fg); } -.layout-single-column .list-adder__account { +.app-body .list-adder__account { margin-top: 12px; } -.layout-single-column .list-adder .column-inline-form { +.app-body .list-adder .column-inline-form { border-radius: 0; } .list-adder .list { @@ -3078,172 +3600,205 @@ body.layout-single-column { /* βž• Follow requests */ -.layout-single-column #Follow-requests { +.app-body #Follow-requests { margin-bottom: 0; z-index: 0; } -.layout-single-column .account-authorize__wrapper { - margin: 10px 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); } -.layout-single-column .account-authorize { +.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); - border-radius: 8px 8px 0 0; padding: 20px } -.layout-single-column .account--panel { - background-color: var(--color-accent-bg); +.app-body .account--panel { + background-color: var(--color-content-bg); border: 0; - border-radius: 0 0 8px 8px; + padding: 0 5px; } -.layout-single-column .account__header__content { +.app-body .account__header__content { color: var(--color-content-fg); } -.layout-single-column .account--panel__button:first-child .icon-button { - color: var(--color-accent); +.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) { - .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button { + .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, ... ----------------------------------------- */ -.layout-single-column .button, -.layout-single-column .account__header__tabs__buttons .icon-button { +.app-body .button, +.app-body .account__header__tabs__buttons .icon-button { border-radius: 8px; } -.layout-single-column .button, -.layout-single-column .button.logo-button, -.layout-single-column .rules-list li:before, -.layout-single-column .icon-with-badge__badge { +.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; } -.layout-single-column .button:disabled, -.layout-single-column .button.disabled { +.app-body .button:disabled, +.app-body .button.disabled { opacity: .7; } -.layout-single-column .text-icon-button.active, -.layout-single-column .button.button-tertiary, -.layout-single-column .account__header__fields a, -.layout-single-column .account__header__bio .account__header__fields a, -.layout-single-column .reply-indicator__content a.unhandled-link, -.layout-single-column .status__content a, -.layout-single-column .status__content a.hashtag, -.layout-single-column .status__content a.unhandled-link, -.layout-single-column .column-back-button, -.layout-single-column .about__section__title, -.layout-single-column .prose a, -.layout-single-column .column-link--transparent.active, -.layout-single-column .column-header > .column-header__back-button, -.layout-single-column .column-header__back-button, -.layout-single-column .interaction-modal__icon, -.layout-single-column .status__content a.mention, -.layout-single-column .status__content__read-more-button, -.layout-single-column .link-button, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button, -.layout-single-column .status__action-bar__dropdown .icon-button.active, -.layout-single-column .account__relationship .icon-button.active, -.layout-single-column .account__header__tabs__buttons .icon-button.active, -.layout-single-column .text-btn, -.layout-single-column .detailed-status__action-bar-dropdown .icon-button, -.layout-single-column .notification-bar-action { +.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); } -.layout-single-column .icon-button, -.layout-single-column .icon-button.inverted, -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { +.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); } -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { +.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; } -.layout-single-column .account__header__tabs__buttons .icon-button { - padding: 3px; +.app-body .account__header__tabs__buttons .icon-button { + padding: 6px; border: 0; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); } -.layout-single-column .account__header__tabs__buttons .icon-button:hover { +.app-body .account__header__tabs__buttons .icon-button:hover { background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .icon-button:active, -.layout-single-column .icon-button:focus, -.layout-single-column .icon-button:hover { +.app-body .icon-button:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .language-dropdown__dropdown { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item { +.app-body .language-dropdown__dropdown__results__item { border-radius: 8px; } -.layout-single-column .language-dropdown__dropdown__results__item.active, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item:active, -.layout-single-column .language-dropdown__dropdown__results__item:focus, -.layout-single-column .language-dropdown__dropdown__results__item:hover { +.app-body .language-dropdown__dropdown__results__item:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); } -.layout-single-column .language-dropdown__dropdown__results__item__native-name { +.app-body .language-dropdown__dropdown__results__item__native-name { font-weight: bold; } -.layout-single-column .language-dropdown__dropdown__results__item__common-name { +.app-body .language-dropdown__dropdown__results__item__common-name { opacity: .7; } -.layout-single-column .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item__native-name { +.app-body +:is(.language-dropdown__dropdown__results__item__common-name, + .language-dropdown__dropdown__results__item__native-name) { color: var(--color-content-fg); } -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__native-name { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__common-name { +.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); } -.layout-single-column .button:not(.button-secondary):active, -.layout-single-column .button:not(.button-secondary):focus, -.layout-single-column .button:not(.button-secondary):hover, -.layout-single-column .button.button-tertiary:active, -.layout-single-column .button.button-tertiary:focus, -.layout-single-column .button.button-tertiary:hover, -.layout-single-column .button.logo-button:active, -.layout-single-column .button.logo-button:focus, -.layout-single-column .button.logo-button:hover { +.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 */ -.layout-single-column .setting-toggle__label { +.app-body .setting-toggle__label { vertical-align: top; } -.layout-single-column .react-toggle-track { +.app-body .react-toggle-track { background-color: var(--color-accent-lines); box-shadow: 0 0 0 20px var(--color-accent-lines) inset, @@ -3251,124 +3806,144 @@ body.layout-single-column { 0 0 0 1px var(--color-accent-lines) inset, 0 0 0 1px var(--color-accent-lines) inset } -.layout-single-column .react-toggle-thumb { +.app-body .react-toggle-thumb { border: 0; } -.layout-single-column .react-toggle.react-toggle--checked .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { +.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); } -.layout-single-column .react-toggle--checked .react-toggle-thumb { +.app-body .react-toggle--checked .react-toggle-thumb { border-color: var(--color-accent); } -.layout-single-column .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { +.app-body .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { background-color: var(--color-accent-focus); } /* ⏺️ Radio buttons */ -.layout-single-column .radio-button { +.app-body .radio-button { color: var(--color-content-fg); } -.layout-single-column .radio-button__input { +.app-body .radio-button__input { border-width: 2px; border-color: var(--color-content-fg-muted); background-color: var(--color-content-bg); } -.layout-single-column .radio-button__input.checked { +.app-body .radio-button__input.checked { border-color: var(--color-accent); background-color: var(--color-accent); } -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__container__header, -.layout-single-column .dropdown-menu__item.edited-timestamp__history__item, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__item button { +.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); } -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__arrow:before { +.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; } -.layout-single-column .dropdown-menu__item a:active, -.layout-single-column .dropdown-menu__item a:focus, -.layout-single-column .dropdown-menu__item a:hover, -.layout-single-column .dropdown-menu__item button:active, -.layout-single-column .dropdown-menu__item button:focus, -.layout-single-column .dropdown-menu__item button:hover { +.app-body .dropdown-menu__item :is(a, button):is(:active, :focus, :hover) { background: var(--color-accent); color: var(--color-accent-fg); outline: 0; } -.layout-single-column .dropdown-menu__separator { +.app-body .dropdown-menu__separator { border-color: var(--color-content-secondary-separator); } -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, -.layout-single-column .privacy-dropdown__option.active, -.layout-single-column .privacy-dropdown__option.active:hover, -.layout-single-column .privacy-dropdown__option:hover { +.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); } -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, -.layout-single-column .privacy-dropdown .icon-button.inverted.active { +.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); +} -.layout-single-column .button.button-tertiary.button--confirmation, -.layout-single-column .button.button-tertiary.button--destructive { +.app-body .button.button-tertiary:is(.button--confirmation, .button--destructive) { background-color: transparent; } -.layout-single-column .button.button-tertiary.button--confirmation { +.app-body .button.button-tertiary.button--confirmation { color: #4e8a6b; background-color: rgba(121, 189, 154, 0.3); } -.layout-single-column .button.button-tertiary.button--destructive { +.app-body .button.button-tertiary.button--destructive { color: #df405a; background-color: rgba(223, 64, 90, 0.3); } -.layout-single-column .button.button-tertiary.button--confirmation:active, -.layout-single-column .button.button-tertiary.button--confirmation:focus, -.layout-single-column .button.button-tertiary.button--confirmation:hover { +.app-body .button.button-tertiary.button--confirmation:is(:active, :focus, :hover) { background-color: #79bd9a; color: #ffffff; } -.layout-single-column .button.button-tertiary.button--destructive:active, -.layout-single-column .button.button-tertiary.button--destructive:focus, -.layout-single-column .button.button-tertiary.button--destructive:hover { +.app-body .button.button-tertiary.button--destructive:is(:active, :focus, :hover) { background-color: #df405a; color: #ffffff; } @media (prefers-color-scheme: dark) { - .layout-single-column .button.button-tertiary.button--confirmation { + .app-body .button.button-tertiary.button--confirmation { color: #72cb9d; } - .layout-single-column .button.button-tertiary.button--destructive { + .app-body .button.button-tertiary.button--destructive { color: #f3637b; } } -.layout-single-column .app-body .block-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__secondary-button, -.layout-single-column .app-body .mute-modal__cancel-button { +.app-body .app-body +:is(.block-modal__cancel-button, + .confirmation-modal__cancel-button, + .confirmation-modal__secondary-button, + .mute-modal__cancel-button) { background-color: transparent; } -.layout-single-column .status__content a.hashtag { +.app-body .status__content a.hashtag { color: var(--color-accent); } @@ -3376,213 +3951,226 @@ body.layout-single-column { /* πŸ–±οΈ Interaction modals --------------------- */ -.layout-single-column .interaction-modal { - background-color: var(--color-content-bg); - border: 0; +.app-body .modal-root__modal { + border: 1px solid var(--color-lines); } -.layout-single-column .interaction-modal, -.layout-single-column .interaction-modal__lead h3 { +.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); } -.layout-single-column .interaction-modal__lead p, -.layout-single-column .interaction-modal__choices__choice p { +.app-body .interaction-modal__lead p, +.app-body .interaction-modal__choices__choice p { color: var(--color-fg); } -.layout-single-column .interaction-modal p { +.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); } -.layout-single-column .interaction-modal p.hint { +.app-body .interaction-modal p.hint { color: var(--color-content-fg-muted); } -.layout-single-column .interaction-modal .button, -.layout-single-column .interaction-modal .button.button-tertiary { +.app-body .interaction-modal :is(.button, .button.button-tertiary) { padding: 10px 18px; } -.layout-single-column .interaction-modal .button.button-tertiary:hover { +.app-body .interaction-modal .button.button-tertiary:hover { background-color: var(--color-content-secondary-separator); } -.layout-single-column .copypaste input, -.layout-single-column .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); +.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; } -.layout-single-column .interaction-modal__login.expanded .interaction-modal__login__input { +.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; } -.layout-single-column .interaction-modal__login__input input::placeholder { - color: var(--color-accent); +.app-body .interaction-modal__login__input input::placeholder { + color: var(--color-content-fg-muted); } -.layout-single-column .interaction-modal__login.focused .interaction-modal__login__input { +.app-body .interaction-modal__login.focused .interaction-modal__login__input { background-color: var(--color-content-bg); border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); } -.layout-single-column .interaction-modal__login .search__popout { +.app-body .interaction-modal__login .search__popout { border-color: var(--color-lines); } -.layout-single-column .interaction-modal .copypaste button { +.app-body .interaction-modal .copypaste button { padding: 8px 18px; } -.layout-single-column .modal-root__overlay { - background-color: hsla(0, 0%, 1%, 0.7); +.app-body .modal-root__overlay { + background-color: hsla(0, 0%, 23.5%, 0.7); } -.layout-single-column .modal-root__modal, -.layout-single-column .boost-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { +@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); } -.layout-single-column .boost-modal__container { +.app-body .boost-modal__container { margin-bottom: -11px; } -.layout-single-column .confirmation-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { +.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); } -.layout-single-column .block-modal__action-bar, -.layout-single-column .boost-modal__action-bar, -.layout-single-column .confirmation-modal__action-bar, -.layout-single-column .mute-modal__action-bar { +.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); } -.layout-single-column .block-modal__action-bar > div, -.layout-single-column .boost-modal__action-bar > div, -.layout-single-column .confirmation-modal__action-bar > div, -.layout-single-column .mute-modal__action-bar > div, -.layout-single-column .boost-modal__container .status__content__text, -.layout-single-column .boost-modal__container .display-name strong.display-name__html, -.layout-single-column .boost-modal__container .status__info, -.layout-single-column .boost-modal__container .status__relative-time time, -.layout-single-column .boost-modal__container .status.light .status__visibility-icon { +.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); } -.layout-single-column .actions-modal ul li:not(:empty) a { +.app-body .actions-modal ul li:not(:empty) a { color: var(--color-content-fg); } -.layout-single-column .actions-modal ul li:not(:empty) a.active, -.layout-single-column .actions-modal ul li:not(:empty) a.active button, -.layout-single-column .actions-modal ul li:not(:empty) a:active, -.layout-single-column .actions-modal ul li:not(:empty) a:active button, -.layout-single-column .actions-modal ul li:not(:empty) a:focus, -.layout-single-column .actions-modal ul li:not(:empty) a:focus button, -.layout-single-column .actions-modal ul li:not(:empty) a:hover, -.layout-single-column .actions-modal ul li:not(:empty) a:hover button { +.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 */ -.layout-single-column .modal-root__modal.media-modal { +.app-body .modal-root__modal.media-modal { background-color: rgba(255, 255, 255, .8); } -.layout-single-column .media-modal__overlay .picture-in-picture__footer { +.app-body .media-modal__overlay .picture-in-picture__footer { background-color: transparent; } -.layout-single-column .media-modal__nav, -.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button { +.app-body .media-modal__nav, +.app-body .media-modal__overlay .picture-in-picture__footer .icon-button { color: var(--color-content-fg); } -.layout-single-column .media-modal__page-dot { +.app-body .media-modal__page-dot { background-color: var(--color-content-fg); } @media (prefers-color-scheme: dark) { - .layout-single-column .modal-root__modal.media-modal { + .app-body .modal-root__modal.media-modal { background-color: rgba(0, 0, 0, .6); } } /* Report modals */ -.layout-single-column .report-dialog-modal__container { +.app-body .report-dialog-modal__container { border-top: 0; } -.layout-single-column .report-dialog-modal__lead { +.app-body .report-dialog-modal__lead { color: var(--color-content-fg-muted); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option { +.app-body .report-dialog-modal .poll__option.dialog-option { border-color: var(--color-lines); - border-width: 3px; } -.layout-single-column .report-dialog-modal .dialog-option .poll__input { +.app-body .report-dialog-modal .dialog-option .poll__input { border-color: var(--color-accent); } -.layout-single-column .report-dialog-modal .dialog-option .poll__input.active { +.app-body .report-dialog-modal .dialog-option .poll__input.active { border-color: var(--color-accent); background-color: var(--color-accent); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text { +.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text { color: var(--color-content-fg); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { +.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { color: var(--color-content-fg-bold) } -.layout-single-column .report-modal__comment, -.layout-single-column .report-modal__container { +.app-body .report-modal__comment, +.app-body .report-modal__container { border-color: var(--color-lines); } -.layout-single-column .report-modal__comment .setting-text-label { +.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 */ -.layout-single-column .picture-in-picture { +.app-body .picture-in-picture { box-shadow: 0 0 5px rgba(0, 0, 0, .2); border-radius: 8px; } -.layout-single-column .picture-in-picture__footer, -.layout-single-column .picture-in-picture__header { +.app-body .picture-in-picture__footer, +.app-body .picture-in-picture__header { background-color: var(--color-content-bg); } -.layout-single-column .picture-in-picture__header .display-name span { +.app-body .picture-in-picture__header .display-name span { color: var(--color-content-fg-muted); } /* ⏯️ Video controls */ -.layout-single-column .video-player__seek__progress, -.layout-single-column .video-player__volume__handle, -.layout-single-column .video-player__volume__current, -.layout-single-column .video-player__seek__handle { +.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 ------- */ -.layout-single-column .link-footer p, -.layout-single-column .link-footer a { +.app-body .link-footer p, +.app-body .link-footer a { color: var(--color-fg-muted); } /* Server banner */ -.layout-single-column .server-banner__introduction { +.app-body .server-banner__introduction { display: none; } -.layout-single-column .server-banner { +.app-body .server-banner { padding: 0 0 20px; } -.layout-single-column .server-banner__hero { +.app-body .server-banner__hero { border-radius: 8px 8px 0 0; margin-bottom: 0; } -.layout-single-column .server-banner__description { +.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); } -.layout-single-column .server-banner__meta { +.app-body .server-banner__meta { padding: 0 15px 20px; background-color: var(--color-content-bg); border-left: 1px solid var(--color-lines); @@ -3593,55 +4181,53 @@ body.layout-single-column { border-radius: 0 0 8px 8px; align-items: end; } -.layout-single-column .server-banner h4 { +.app-body .server-banner h4 { color: var(--color-fg); font-size: 80%; } -.layout-single-column .server-banner__number { +.app-body .server-banner__number { color: var(--color-content-fg-bold); } -.layout-single-column .server-banner__number-label { +.app-body .server-banner__number-label { color: var(--color-content-fg); } -.layout-single-column .server-banner .account { +.app-body .server-banner .account { background-color: transparent; box-shadow: none; padding: 0; border-left: 0; border-right: 0; } -.layout-single-column .server-banner__meta__column:first-child { +.app-body .server-banner__meta__column:first-child { width: calc(60% - 5px); } -.layout-single-column .server-banner__meta__column:nth-child(2) { +.app-body .server-banner__meta__column:nth-child(2) { width: calc(40% - 5px); } -.layout-single-column .server-banner .button.button-secondary { +.app-body .server-banner .button.button-secondary { padding: 10px; margin: 10px 0; } -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { +.app-body .button.button-secondary, +.app-body .button.button-tertiary { border: 0; background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .button.button-secondary:hover, -.layout-single-column .button.button-tertiary:hover { - background-color: var(--color-content-bg); +.app-body .button:is(.button-secondary, .button-tertiary):hover { + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } -.layout-single-column .sign-in-banner .button, -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { +.app-body .sign-in-banner .button, +.app-body .button:is(.button-secondary, .button-tertiary) { padding: 10px 18px; } @media screen and (max-width:1174px) { - .layout-single-column .button.button-tertiary { + .app-body .button.button-tertiary { padding: 7px 18px; } } -.layout-single-column .sign-in-banner p { +.app-body .sign-in-banner p { color: var(--color-fg); opacity: .5; } @@ -3649,138 +4235,192 @@ body.layout-single-column { /* πŸ€— Onboarding */ -.layout-single-column .scrollable.follow-recommendations-container, -.layout-single-column .column-list { +.app-body .scrollable.follow-recommendations-container, +.app-body .column-list { background-color: var(--color-content-bg); } -.layout-single-column .column-title .logo { +.app-body .column-title .logo { display: none; } -.layout-single-column .column-title h3, -.layout-single-column .column-title p { +.app-body .column-title h3, +.app-body .column-title p { color: var(--color-content-fg); } -.layout-single-column .column-list { +.app-body .column-list { border: 0; } -.layout-single-column .account__note { +.app-body .account__note { color: var(--color-content-fg-muted); } -.layout-single-column .onboarding__steps__item, -.layout-single-column .onboarding__link { +.app-body .onboarding__steps__item, +.app-body .onboarding__link { background-color: var(--color-content-secondary-bg); transition: all .2s; } -.layout-single-column .onboarding__steps__item:active, -.layout-single-column .onboarding__steps__item:focus, -.layout-single-column .onboarding__steps__item:hover, -.layout-single-column .onboarding__link:active, -.layout-single-column .onboarding__link:focus, -.layout-single-column .onboarding__link:hover { +.app-body .onboarding__steps__item:is(:active, :focus, :hover), +.app-body .onboarding__link:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); } -.layout-single-column .onboarding__steps__item__icon, -.layout-single-column .onboarding__steps__item__description h6, -.layout-single-column .onboarding__link { +.app-body .onboarding__steps__item__icon, +.app-body .onboarding__link { color: var(--color-accent); } -.layout-single-column .onboarding__steps__item__description p, -.layout-single-column .onboarding__lead, -.layout-single-column .onboarding__lead strong { +.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); } -.layout-single-column .onboarding__steps__item__go svg path, -.layout-single-column .onboarding__link svg path { +.app-body .onboarding__steps__item__go svg path, +.app-body .onboarding__link svg path { fill: var(--color-accent); } -.layout-single-column .follow-recommendations { +.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); } -.layout-single-column .follow-recommendations .account { +.app-body .follow-recommendations .account { border-left: 0; border-right: 0; margin-bottom: 15px; } -.layout-single-column .follow-recommendations .account__note { +.app-body .follow-recommendations .account__note { color: var(--color-content-fg); opacity: .7; } -.layout-single-column .follow-recommendations .account__note p { +.app-body .follow-recommendations .account__note p { overflow: hidden; } -.layout-single-column .copy-paste-text { +.app-body .copy-paste-text { background-color: var(--color-accent-bg); border-color: var(--color-accent-lines); color: var(--color-content-fg); } -.layout-single-column .copy-paste-text:focus, -.layout-single-column .copy-paste-text:active, -.layout-single-column .tip-carousel:focus { +.app-body .copy-paste-text:is(:focus, :active), +.app-body .tip-carousel:focus { border-color: var(--color-accent); } -.layout-single-column .copy-paste-text:has(textarea:focus) { +.app-body .copy-paste-text:has(textarea:focus) { border-color: var(--color-accent); } /* πŸ“’ Announcements */ -.layout-single-column .announcements, -.layout-single-column .announcements::after { - background-color: var(--color-accent-bg); +.app-body .announcements, +.app-body .announcements::after { + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } -.layout-single-column .announcements { - margin-top: 10px; - border-radius: 8px; +.app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } -.layout-single-column .announcements__item strong { +.app-body .announcements__item strong { font-weight: 800; color: var(--color-content-fg-bold); } -.layout-single-column .announcements__item__unread { +.app-body .announcements__item__unread { color: var(--color-accent); } -.layout-single-column .announcements__pagination, -.layout-single-column .announcements__pagination .icon-button { +.app-body .announcements__pagination, +.app-body .announcements__pagination .icon-button { color: var(--color-content-fg); } -.layout-single-column .announcements__mastodon { +.app-body .announcements__mastodon { border-radius: 0 0 0 8px; } -.layout-single-column .reactions-bar__item { +.app-body .reactions-bar__item { background-color: var(--color-content-bg); } -.layout-single-column .reactions-bar__item.active { +.app-body .reactions-bar__item.active { background-color: var(--color-accent); } -.layout-single-column .reactions-bar__item__count, -.layout-single-column .reactions-bar__item__count .animated-number { +.app-body .reactions-bar__item__count, +.app-body .reactions-bar__item__count .animated-number { color: var(--color-content-fg); } -.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number { +.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number { color: var(--color-accent-fg); } -.layout-single-column .reactions-bar .emoji-button, -.layout-single-column .announcements__item__content a.unhandled-link, -.layout-single-column .announcements__item__content a { +.app-body .reactions-bar .emoji-button, +.app-body .announcements__item__content a.unhandled-link, +.app-body .announcements__item__content a { color: var(--color-accent); } -.layout-single-column .announcements .emoji-button { +.app-body .announcements .emoji-button { margin: 0; } @media screen and (max-width:1174px) { - .layout-single-column .announcements { + .app-body .announcements { box-shadow: none; - margin-top: -10px; + margin-top: -4px; border-radius: 0; } - .layout-single-column .announcements__mastodon { + .app-body .announcements__mastodon { border-radius: 0; } } @@ -3788,175 +4428,195 @@ body.layout-single-column { /* 404 */ -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { +.app-body .empty-column-indicator, +.app-body .error-column { background-color: var(--color-content-bg); color: var(--color-content-fg); + margin-top: -1px; } -.layout-single-column .error-column { +.app-body .error-column { border: 1px solid var(--color-lines); border-radius: 8px !important; } -.layout-single-column .error-column__message h1, -.layout-single-column .error-column__message { +.app-body .error-column__message h1, +.app-body .error-column__message { color: var(--color-content-fg); } -.layout-single-column .error-column__image { +.app-body .error-column__image { margin-top: 0; } @media screen and (max-width:889px) { - .layout-single-column .error-column { + .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 ------------- */ -.layout-single-column .scrollable.about { +.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) { - .layout-single-column .scrollable.about { + .app-body .scrollable.about { border-left: 0; border-right: 0; } } -.layout-single-column .about__header { +.app-body .about__header { order: 1; margin-bottom: 10px; } -.layout-single-column .about__section:nth-child(3) { +.app-body .about__section:nth-child(3) { order: 3; } -.layout-single-column .about__meta { +.app-body .about__meta { order: 2; } -.layout-single-column .about__section:nth-child(4) { +.app-body .about__section:nth-child(4) { order: 4; } -.layout-single-column .about__section:nth-child(5) { +.app-body .about__section:nth-child(5) { order: 5; } -.layout-single-column .link-footer { +.app-body .about .link-footer { order: 6; } -.layout-single-column .about__footer { +.app-body .about__footer { order: 7; } -.layout-single-column .about__header h1, -.layout-single-column .about__header p, -.layout-single-column #mastodon > div > div > div.columns-area__panels > div.columns-area__panels__main > div.columns-area.columns-area--mobile > div > div > div.about__section.active:nth-of-type(3) > div.about__section__title { +.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; } -.layout-single-column .about__header p, -.layout-single-column .about__meta h4 { +.app-body .about__header p, +.app-body .about__meta h4 { color: var(--color-fg); } -.layout-single-column .about__header__hero { +.app-body .about__header__hero { margin: -20px -20px 20px; width: calc(100% + 40px); border-radius: 0; background-color: var(--color-content-bg); } -.layout-single-column .about__header__hero, -.layout-single-column .about__meta { +.app-body .about__header__hero, +.app-body .about__meta { margin-bottom: 10px; } -.layout-single-column .about__header h1 { +.app-body .about__header h1 { margin-bottom: 0; } @media screen and (min-width:890px) { - .layout-single-column .scrollable.about { + .app-body .scrollable.about { border-radius: 8px !important; } - .layout-single-column .about__header__hero { + .app-body .about__header__hero { border-radius: 8px 8px 0 0; } } -.layout-single-column .about__mail { +@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); } -.layout-single-column .about__meta h4 { +.app-body .about__meta h4 { font-size: 12px; font-weight: bold; margin-bottom: 8px; } -.layout-single-column .about__meta .account { +.app-body .about__meta .account { background: none; box-shadow: none; padding: 0; border-left: 0; border-right: 0; } -.layout-single-column .about__meta__divider { +.app-body .about__meta__divider { border-left: 3px solid var(--color-content-secondary-separator); } @media screen and (max-width:600px) { - .layout-single-column .about__meta__divider { + .app-body .about__meta__divider { border-top: 3px solid var(--color-content-secondary-separator); width: 90%; } } -.layout-single-column .about__section:nth-child(3) .about__section__body { +.app-body .about__section:nth-child(3) .about__section__body { padding-bottom: 3em; } -.layout-single-column .about__meta, -.layout-single-column .about__section__title { +.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; } -.layout-single-column .about__section.active .about__section__title { +.app-body .about__section.active .about__section__title { border-radius: 8px 8px 0 0; } -.layout-single-column .about__section.active:not(:nth-of-type(3)) .about__section__body { +.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; } -.layout-single-column .prose, -.layout-single-column .prose p, -.layout-single-column .prose b, -.layout-single-column .prose h1, -.layout-single-column .prose h2, -.layout-single-column .prose h3, -.layout-single-column .prose h4, -.layout-single-column .prose h5, -.layout-single-column .prose h6, -.layout-single-column .prose strong, -.layout-single-column .rules-list, -.layout-single-column .about__domain-blocks__domain h6, -.layout-single-column .about__domain-blocks__domain__type { +.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); } -.layout-single-column .prose ul>li:before { +.app-body .prose ul>li:before { background-color: var(--color-fg); } -.layout-single-column .about__section__body .prose hr { +.app-body .about__section__body .prose hr { border-color: var(--color-content-secondary-separator); margin-top: 2em; margin-bottom: 2em; border-width: 3px; } -.layout-single-column .about__section__body .prose a, -.layout-single-column .about__section__body .prose a:hover, -.layout-single-column .prose a strong { +.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; } -.layout-single-column .about__section__body .prose a:hover { +.app-body .about__section__body .prose a:hover { text-decoration: underline; } -.layout-single-column .about__section__body .prose small.lang_label { +.app-body .about__section__body .prose small.lang_label { margin-left: -2em; margin-top: 1px; display: block; @@ -3968,11 +4628,11 @@ body.layout-single-column { .about__section.active .about__section__title { background-color: var(--color-accent-bg); } -.layout-single-column .rules-list li { +.app-body .rules-list li { border-bottom: 2px solid var(--color-accent-lines); padding: 1em 1.75em 1em 3.4em; } -.layout-single-column .rules-list li:last-child { +.app-body .rules-list li:last-child { border-bottom: 0; } .about__domain-blocks { @@ -3990,20 +4650,235 @@ body.layout-single-column { /* Privacy Policy page */ -.layout-single-column .column > .scrollable.privacy-policy { +.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 */ -.layout-single-column div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr, -.layout-single-column .navigation-panel__legal > hr, -.layout-single-column .about__footer, /* Hide meta footer */ -.layout-single-column .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */ -.layout-single-column .search-banner ~ .search, /* Hide search field for logged out users */ -.layout-single-column .getting-started__trends h4, /* Hide Trending header in sidebar */ -.layout-single-column .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ { +.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/TangerineUI.css b/TangerineUI.css index 246a112..37706de 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1,18 +1,18 @@ /* TangerineUI 🍊 for Mastodon - version: 1.9.5 + version: 2.0.0-pre A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ by @nileane@nileane.fr - Compatible with: Mastodon v4.2.1 βœ… + Compatible with: Mastodon v4.3.0 βœ… */ /* 🎨 Colors */ :root { - --color-bg: #f5f2ef; + --color-bg: #ffffff; --color-fg: #2a2d37; --color-fg-muted: #948c84; --color-secondary-bg: #f2eae4; @@ -40,16 +40,16 @@ --color-bg: #030303; --color-fg: #e0d6d1; --color-fg-muted: #6e635e; - --color-secondary-bg: #282015; + --color-secondary-bg: #1e1810; --color-secondary-separator: #25201c; - --color-content-bg: #111111; - --color-content-fg: #f2f2f2; + --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: #292623; + --color-content-secondary-bg: var(--color-secondary-bg); --color-content-secondary-separator: rgba(77, 73, 70, 0.4); - --color-content-bg-focus: #1b1b1b; + --color-content-bg-focus: #111111; --color-accent: #e68933; --color-accent-focus: #ffa047; @@ -61,208 +61,270 @@ } } :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"); - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23282C37" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23282C37" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23282C37" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23282C37; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23f76902; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-active: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23F91880; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 2.942,1.19 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.132,-1.141 2.399,-4.08 2.681,-6.645c0.025,-0.227 0.042,-0.451 0.051,-0.671c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-4.948,2.976c1.093,-0 1.98,0.887 1.98,1.98c0,1.093 -0.887,1.98 -1.98,1.98c-1.093,-0 -1.98,-0.887 -1.98,-1.98c0,-1.093 0.887,-1.98 1.98,-1.98Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M6.194,17.686c1.126,1.126 3.356,0.784 2.229,1.911c-1.126,1.126 -4.134,2.305 -5.261,1.179c-1.126,-1.127 0.053,-4.135 1.179,-5.261c1.127,-1.127 0.727,1.045 1.853,2.171Z'/%3E%3C/svg%3E"); - --icon-boost-status: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-wrapper: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2300ba7c' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23282C37' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23282C37'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23f76902' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23f76902'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23282C37' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23282C37" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f76902' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23f76902"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23f76902" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23f76902" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23f76902" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23282C37'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23282C37" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f76902" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ba7c' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23f76902" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23f76902" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23282C37" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23f76902" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ffb609" stroke="%23ffb609" stroke-width="4" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282C37' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23444a5a;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f76902;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%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-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=="); - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23ffffff" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23ffffff" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23ffffff" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23ffffff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23e68933; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23ffffff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23ffffff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23e68933' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23e68933'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23ffffff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e68933' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23e68933"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23e68933" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23e68933" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23e68933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23e68933" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23e68933" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23e68933" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23ffffff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23e68933" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f2f2f2;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23e68933;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); + /* 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.layout-single-column { +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(.layout-single-column) *::-webkit-scrollbar-track { +:root:has(.app-body) *::-webkit-scrollbar-track { background-color: var(--color-bg); padding: 2px; } -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb { +:root:has(.app-body) *::-webkit-scrollbar-thumb { background-color: var(--color-accent); border-radius: 50px; opacity: .4; } -:root:has(.layout-single-column) *::-webkit-scrollbar-track:hover { +:root:has(.app-body) *::-webkit-scrollbar-track:hover { background-color: var(--color-bg); } -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb:hover { +:root:has(.app-body) *::-webkit-scrollbar-thumb:hover { background-color: var(--color-accent); opacity: .7; } @media screen and (max-width:1174px) { - :root:has(.layout-single-column) *::-webkit-scrollbar { + :root:has(.app-body) *::-webkit-scrollbar { display: none; } } -/* πŸ’¨ Loading bar */ -.layout-single-column .loading-bar { +.app-body .loading-bar { background-color: var(--color-accent); } -/* Resetting borders */ -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator, -.layout-single-column .audio-player, -.layout-single-column .compose-form .spoiler-input__input, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__poll-wrapper select, -.layout-single-column .poll__option input[type=text], -.layout-single-column .report-dialog-modal__textarea, -.layout-single-column .search__input, -.layout-single-column .setting-text, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .about__section__body { +.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; } -.layout-single-column .column-inline-form, -.layout-single-column .column>.scrollable, -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator { +.app-body .column-inline-form, +.app-body .column>.scrollable, +.app-body .getting-started, +.app-body .regeneration-indicator { background: transparent; } -/* Round avatars */ -.layout-single-column .account__avatar img { +.app-body .account__avatar img { border-radius: 50%; } /* Rordered layout */ -.layout-single-column .columns-area__panels__pane--navigational { +.app-body .columns-area__panels__pane--navigational { order: 1; } -.layout-single-column .columns-area__panels__main { +.app-body .columns-area__panels__main { order: 2; } -.layout-single-column .columns-area__panels__pane--compositional { +.app-body .columns-area__panels__pane--compositional { order: 3; } -.layout-single-column .columns-area--mobile .column { +.app-body .columns-area--mobile .column { flex: unset; height: auto; } -.layout-single-column .columns-area--mobile .column:focus-within { +.app-body .columns-area--mobile .column:focus-within { overflow: visible; } -.layout-single-column .scrollable, -.layout-single-column .column > .scrollable { +.app-body .scrollable, +.app-body .column > .scrollable { max-height: max-content; - border-top-left-radius: 8px; - border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } -.layout-single-column .dismissable-banner + .scrollable { +.app-body .dismissable-banner + .scrollable { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -270,359 +332,568 @@ body.layout-single-column { /* *️⃣ Icons -------- */ -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-share-alt:before, -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-star:before, -.layout-single-column i.fa-retweet:before { - content: " "; - display: inline-block; - width: 23px; - height: 23px; +.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; } -.layout-single-column i.fa { - background-repeat: no-repeat; -} -.layout-single-column .detailed-status__link .fa:before { - content: " "; - width: 13px; - height: 13px; - margin-bottom: -2px; - background-size: contain; -} -/* Replace bookmark icon */ -.layout-single-column i.fa-bookmark:before { - background-image: var(--icon-bookmark); - background-size: 80%; - background-position: center 55%; -} -.layout-single-column .detailed-status__button i.fa-bookmark:before { + +/* Bookmark */ +.app-body .icon-bookmark { background-image: var(--icon-bookmark-accent); } -.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { +.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); } -/* Replace share icon */ -.layout-single-column i.fa-share-alt:before { - background-image: var(--icon-share); -} -.layout-single-column .detailed-status__button i.fa-share-alt:before { - background-image: var(--icon-share-accent); -} -/* Replace star icon */ -.layout-single-column i.fa-star:before { - background-image: var(--icon-star); - text-align: center; - line-height: 34px; -} -.layout-single-column .detailed-status__button i.fa-star:before { - background-size: 75%; +/* Favorite */ +.app-body .icon-star { background-image: var(--icon-star-accent); } -.layout-single-column button.icon-button.active i.fa-star:before, -.layout-single-column .notification i.fa-star:before { +.app-body button.icon-button.active .icon-star, +.app-body .notification .icon-star { background-image: var(--icon-star-active); } -.layout-single-column .detailed-status__link i.fa.fa-star:before { - content: " "; - transform: scale(.9); +.app-body .detailed-status__link .icon-star { + background-image: var(--icon-star); + margin: 0 4px -2px 0; } -/* Replace retweet icon */ -.layout-single-column i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost); - background-position: center; +.app-body .media-modal__overlay .icon-star { + background-image: var(--icon-star); } -.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw { +/* Boost */ +.app-body .icon-retweet { background-image: var(--icon-boost-accent); } -.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw { +.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); - background-position: center; } -.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw, -.layout-single-column .notification i.fa.fa-retweet.fa-fw { +.app-body .status__prepend-icon.icon-retweet, +.app-body .notification .icon-retweet { background-image: var(--icon-boost-active); - transform: scale(.9) translate(0, -1px); } -.layout-single-column .detailed-status__link .fa.fa-retweet:before { +.app-body .detailed-status__link .icon-retweet { background-image: var(--icon-boost); + margin: 0 4px -2px 0; } -.layout-single-column button.icon-button.reblogPrivate i.fa-retweet, -.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet, -.layout-single-column button.icon-button.disabled i.fa-retweet, -.layout-single-column button.icon-button.disabled:hover i.fa-retweet { - background-image: var(--icon-boost); +.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; } -.layout-single-column .boost-modal__action-bar .fa-retweet { - background-image: var(--icon-boost); +.app-body .boost-modal__action-bar .icon-retweet { + background-image: var(--icon-boost-accent); vertical-align: middle; } -/* Replace reply icon */ -.layout-single-column i.fa-mail-reply::before, -.layout-single-column i.fa-reply::before, -.layout-single-column i.fa-reply-all::before { - content: var(--icon-reply); - position: relative; - top: 3px; +.app-body .media-modal__overlay .icon-retweet { + background-image: var(--icon-boost); } -.layout-single-column .detailed-status__button i.fa-reply::before, -.layout-single-column .detailed-status__button i.fa-reply-all::before { - content: var(--icon-reply-accent); +/* Reply */ +.app-body .icon-reply, +.app-body .icon-reply-all { + background-image: var(--icon-reply-accent); +} +.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) { + background-image: var(--icon-reply-accent); +} +.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) { + background-image: var(--icon-reply); +} +/* 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 */ -.layout-single-column .column-link .fa-home::before { - content: var(--icon-home); +.app-body .icon-home { + background-image: var(--icon-home); } -.layout-single-column .column-link.active .fa-home::before { - content: var(--icon-home-column-link-active); +.app-body :is(.column-link.active .icon-home, .column-header__icon.icon-home) { + background-image: var(--icon-home-active); } -.layout-single-column .fa-home.column-header__icon:before { - content: var(--icon-home-notification-active); +.app-body .notification__message .icon-home { + background-image: var(--icon-post-notification-accent); } -/* Federated icon */ -.layout-single-column .column-link .fa-globe::before { - content: var(--icon-globe); +/* Globe icon */ +.app-body .column-link .icon-globe, +.app-body .column-header__icon.icon-globe { + background-image: var(--icon-globe); } -.layout-single-column .fa-globe.column-header__icon:before { - content: var(--icon-globe); +.app-body .column-link.active .icon-globe, +.app-body .column-header__icon.icon-globe { + background-image: var(--icon-globe-active); } -/* Local icon */ -.layout-single-column .fa-group.column-header__icon:before, -.layout-single-column .fa-users.column-header__icon:before { - content: var(--icon-users-column-link-active); +/* Explore + Hashtag icon */ +.app-body .icon-hashtag { + background-image: var(--icon-hashtag-active); } -/* Explore icon */ -.layout-single-column .column-link .fa-hashtag::before { - content: var(--icon-hashtag); +.app-body .column-link .icon-hashtag { + background-image: var(--icon-hashtag); } -.layout-single-column .column-link.active .fa-hashtag::before { - content: var(--icon-hashtag-active); -} -.layout-single-column .fa-hashtag.column-header__icon:before { - content: var(--icon-hashtag-active); +.app-body .column-link.active .icon-hashtag { + background-image: var(--icon-hashtag-active); } /* Search icon */ -.layout-single-column .column-link i.fa-search { - transform: scale(1); +.app-body .icon-search { + background-image: var(--icon-search); } -.layout-single-column .column-link .fa.fa-search::before { - content: var(--icon-search); - left: 2px; +.app-body .ui__header__links .icon-search, +.app-body .search__icon .icon-search { + background-image: var(--icon-search-active); } -.layout-single-column .column-link.active .fa.fa-search::before { - content: var(--icon-search); +.app-body .column-link .icon-search { + background-image: var(--icon-search-column-link); } -.layout-single-column .column-header__icon.fa-search { - vertical-align: baseline; - color: var(--color-content-fg); +.app-body .column-link.active .icon-search { + background-image: var(--icon-search-column-link-active); } -/* Local icon */ -.layout-single-column .column-link .fa-users::before { - content: var(--icon-users-column-link); +.app-body .column-header__icon.icon-search { + background-image: var(--icon-search-column-link-active); } -.layout-single-column .column-link.active .fa-users::before { - content: var(--icon-users-column-link-active); +.app-body .icon-times-circle { + background-image: var(--icon-close); } /* Notifications icon */ -.layout-single-column .column-link .fa-bell::before { - content: var(--icon-bell); +.app-body .column-link .icon-bell { + background-image: var(--icon-bell); } -.layout-single-column .column-link.active .fa-bell::before { - content: var(--icon-bell-active); -} -.layout-single-column .fa-bell.column-header__icon:before { - content: var(--icon-bell-active); +.app-body .column-link.active .icon-bell, +.app-body .column-header__icon.icon-bell { + background-image: var(--icon-bell-active); } /* Direct messages icon */ -.layout-single-column .column-link .fa-at::before { - content: var(--icon-direct-messages); +.app-body .column-link .icon-at { + background-image: var(--icon-direct-messages); } -.layout-single-column .fa-at.column-header__icon:before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.status__prepend-icon { - transform: scale(.7); -} -.layout-single-column .fa-at.status__prepend-icon::before { - content: 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 */ -.layout-single-column .column-link .fa-bookmark::before { - content: var(--icon-bookmark-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-bookmark::before { - content: var(--icon-bookmark-column-link-active); -} -.layout-single-column .fa-bookmark.column-header__icon:before { - content: var(--icon-bookmark-column-link-active); +.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 */ -.layout-single-column .column-link .fa-star::before { - content: var(--icon-star-column-link); - background-image: none; +.app-body .column-link .icon-star { + background-image: var(--icon-star-column-link); } -.layout-single-column .column-link.active .fa-star::before { - content: var(--icon-star-column-link-active); -} -.layout-single-column .fa-star.column-header__icon:before { - content: var(--icon-star-column-link-active); +.app-body .column-link.active .icon-star, +.app-body .column-header__icon.icon-star { + background-image: var(--icon-star-column-link-active); } /* Lists icon */ -.layout-single-column .column-link .fa-list-ul { - transform: scale(1); - margin-right: 8px; - margin-left: 1px; +.app-body .icon-list-ul { + background-image: var(--icon-list); } -.layout-single-column .column-link .fa-list-ul::before { - content: var(--icon-list); - background-image: none; +.app-body .column-link.active .icon-list-ul, +.app-body .column-header__icon.icon-list-ul { + background-image: var(--icon-list-active); } -/* Follow Requests icon */ -.layout-single-column .column-link .fa-user-plus::before { - content: var(--icon-users-column-link); - background-image: none; +/* Settings icon */ +.app-body .column-link .icon-cog { + background-image: var(--icon-settings); } -/* Follow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { - content: var(--icon-follow-hashtag); - position: relative; - top: 2px; - right: -5px; - } - -/* Unfollow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-times::before { - content: var(--icon-unfollow-hashtag); - position: relative; - top: 2px; - right: -5px +/* Profile settings */ +.app-body .compose__action-bar-dropdown .icon-bars { + background-image: var(--icon-gear); } -/* Polls icon */ -.layout-single-column .fa-tasks::before { - content: var(--icon-poll); - transform: scale(.8); - display: block; - position: relative; - top: 1px; +.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); + } +} /* πŸ“ Compose panel ---------------- */ -.layout-single-column .compose-form { +.app-body .compose-form { padding: 0 0 71px; } -.layout-single-column .navigation-bar { +.app-body .navigation-bar { border-radius: 8px 8px 0 0; - padding: 21px 15px 22px; + padding: 21px 11px 22px 15px; background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .navigation-bar strong { +.app-body .navigation-bar strong { color: var(--color-content-fg); } -.layout-single-column .compose-form__highlightable.active { +.app-body .compose-form__highlightable.active { box-shadow: none; } -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__highlightable.active), -.layout-single-column .compose-form__highlightable.active .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .compose-form__warning { +.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); } -.layout-single-column .compose-form .autosuggest-textarea__suggestions, -.layout-single-column .compose-form .autosuggest-textarea__textarea, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__modifiers { +.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; } -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.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); } -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.app-body .compose-form .compose-form__buttons-wrapper { border-bottom: 1px solid var(--color-lines); } -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button, -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button, -.layout-single-column .compose-form .character-counter { +.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; } -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active { +.app-body .compose-form .compose-form__buttons-wrapper .icon-button.active { color: var(--color-accent); } -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active { +.app-body .compose-form .compose-form__buttons-wrapper .text-icon-button.active { background-color: var(--color-accent); color: var(--color-accent-fg); } -.layout-single-column .compose-panel .autosuggest-textarea__textarea { +.app-body .compose-form .autosuggest-textarea__textarea { padding-left: 20px; padding-right: 45px; padding-top: 20px; } -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder { +.app-body .compose-form .autosuggest-textarea__textarea::placeholder { font-size: 130%; opacity: .5; } -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder, -.layout-single-column .compose-form .autosuggest-account .display-name__html { +.app-body .compose-panel .autosuggest-textarea__textarea::placeholder, +.app-body .compose-form .autosuggest-account .display-name__html { color: var(--color-content-fg); } -.layout-single-column .compose-form .autosuggest-account .display-name__account { +.app-body .compose-form .autosuggest-account .display-name__account { color: var(--color-content-fg-muted); } -.layout-single-column .compose-form .autosuggest-textarea__suggestions--visible, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item { +.app-body .compose-form .autosuggest-textarea__suggestions--visible, +.app-body .compose-form .autosuggest-textarea__suggestions__item { border-radius: 8px; } -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__html { +.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); } -.layout-single-column .compose-form .compose-form__buttons-wrapper { +.app-body .compose-form .compose-form__buttons-wrapper { border-radius: 0 0 8px 8px; } -.layout-single-column .reply-indicator, -.layout-single-column .compose-form .compose-form__warning { +.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); @@ -632,33 +903,37 @@ body.layout-single-column { margin: 0; border-radius: 0; } -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .simple_form .recommended, -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .compose-form .compose-form__warning a, -.layout-single-column .reply-indicator__content a, -.layout-single-column .navigation-bar__profile-edit { +.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); } -.layout-single-column .compose-form__sensitive-button .icon-button:hover { +.app-body .compose-form__sensitive-button .icon-button:hover { background-color: transparent; } -.layout-single-column .compose-form__sensitive-button input[type=checkbox]:checked { +.app-body .compose-form__sensitive-button input[type=checkbox]:checked { background-color: var(--color-accent); border-color: var(--color-accent); } -.layout-single-column .compose-form .autosuggest-input { +.app-body .compose-form .autosuggest-input { box-sizing: border-box; border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { +.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); } -.layout-single-column .compose-form .spoiler-input__input { +.app-body .compose-form .spoiler-input__input { background-color: var(--color-accent-bg); color: var(--color-accent); margin-bottom: 0; @@ -667,47 +942,58 @@ body.layout-single-column { box-shadow: 0 0 0 4px inset var(--color-content-bg); } -.layout-single-column .compose-form .spoiler-input__input:focus { +.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); } -.layout-single-column .display-name { +.app-body .display-name { color: var(--color-content-fg); } -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button { +.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button { color: #ffffff; } -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { +.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) { - .layout-single-column .compose-form { + .app-body .compose-form { padding: 0 10px 10px; } - .layout-single-column .navigation-bar { + .app-body .navigation-bar { border-radius: 8px 8px 0 0; margin: 10px 10px 0; } } /* Publish button */ -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper { +.app-body .compose-form .compose-form__publish .compose-form__publish-button-wrapper { padding-top: 10px; width: 100%; } -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button { +.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 */ -.layout-single-column .emoji-button { +.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; } -.layout-single-column .emoji-picker-dropdown__menu { +.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); @@ -715,68 +1001,68 @@ body.layout-single-column { 0 0 0 1px var(--color-lines), 0 0 5px rgba(0, 0, 0, .15); } -.layout-single-column .emoji-mart { +.app-body .emoji-mart { width: 100% !important; display: block; } -.layout-single-column .emoji-mart-bar:first-child { +.app-body .emoji-mart-bar:first-child { background-color: var(--color-accent-bg); border-color: var(--color-accent-lines); } -.layout-single-column .emoji-mart-anchor-bar { +.app-body .emoji-mart-anchor-bar { background-color: var(--color-accent); } -.layout-single-column .emoji-mart-anchor-selected { +.app-body .emoji-mart-anchor-selected { color: var(--color-accent); } -.layout-single-column .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-icon svg rect { +.app-body .emoji-mart-anchor-icon svg path, +.app-body .emoji-mart-anchor-icon svg rect { fill: var(--color-content-fg); } -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect, -.layout-single-column .emoji-mart-search-icon svg path { +.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); } -.layout-single-column .emoji-mart-search-icon, -.layout-single-column .emoji-mart-search-icon:disabled, -.layout-single-column .emoji-mart-search-icon svg { +.app-body .emoji-mart-search-icon, +.app-body .emoji-mart-search-icon:disabled, +.app-body .emoji-mart-search-icon svg { opacity: 1; } -.layout-single-column .emoji-mart-scroll::-webkit-scrollbar-track { +.app-body .emoji-mart-scroll::-webkit-scrollbar-track { background-color: var(--color-content-bg); } -.layout-single-column .emoji-mart-search, -.layout-single-column .emoji-mart-scroll, -.layout-single-column .emoji-mart-category-label span { +.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); } -.layout-single-column .emoji-mart-search input { +.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; } -.layout-single-column .emoji-mart-search input:focus { +.app-body .emoji-mart-search input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 1px inset var(--color-accent); outline: 0; } -.layout-single-column .emoji-mart-search input::placeholder { +.app-body .emoji-mart-search input::placeholder { color: var(--color-accent); } /* Zoom on emojis on hover (in post content only */ -.layout-single-column .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ +.app-body .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ overflow: visible; } -.layout-single-column .status__content .emojione { +.app-body .status__content .emojione { transition: transform .8s .8s; } -.layout-single-column .status__content .emojione:hover { +.app-body .status__content .emojione:hover { transform: scale(2.5); } @@ -785,94 +1071,133 @@ body.layout-single-column { /* πŸ’¬ Posts -------- */ -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { +.app-body .reply-indicator__content, +.app-body .status__content { color: var(--color-content-fg); } -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong, -.layout-single-column .status__info .status__display-name .display-name__account { +.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); } -.layout-single-column .translate-button { +.app-body .translate-button { color: var(--color-content-fg-muted); } -.layout-single-column .translate-button__meta, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button { +.app-body .translate-button__meta, +.app-body .translate-button button, +.app-body .status__content__translate-button { font-size: 85%; } -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong { +.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; } -.layout-single-column .status { +.app-body .status { margin-left: 56px; padding: 0 10px; border-bottom: 0; } -.layout-single-column .status__wrapper { +.app-body .status__wrapper { transition: background .3s; } -.layout-single-column .status__wrapper, -.layout-single-column .detailed-status__wrapper { +.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) { - .layout-single-column .status__wrapper, - .layout-single-column .detailed-status__wrapper { + .app-body .status__wrapper, + .app-body .detailed-status__wrapper { border-left: 0; border-right: 0; } - .layout-single-column .status__wrapper { + .app-body .status__wrapper { padding: 10px 8px; } } -.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, -.layout-single-column .explore__search-results > div:first-child > .status__wrapper { +.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); } -.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, -.layout-single-column .search-results__section > div:last-child >.status__wrapper { +.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); } -.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { +.app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { border-top: 0; } @media screen and (min-width:890px) { - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, - .layout-single-column .explore__search-results > div:first-child > .status__wrapper { + .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; } - .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, - .layout-single-column .search-results__section > div:last-child >.status__wrapper { + .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; } - .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { + .app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { border-top-left-radius: 0; border-top-right-radius: 0; } } -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable:first-child > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable:first-child > div > article:first-child > div > .status__wrapper { - margin-top: 15px; - } -} -.layout-single-column .status__info { +.app-body .status__info { height: 22px; margin-left: -56px; padding: 0; @@ -880,46 +1205,47 @@ body.layout-single-column { line-height: 10px; align-items: start; } -.layout-single-column .status__info .status__display-name { +.app-body .status__info .status__display-name { overflow: visible; align-items: start; max-width: calc(100% - 4em); } -.layout-single-column .status__info .status__display-name .display-name bdi, -.layout-single-column .status__info .status__display-name .display-name__account { +.app-body .status__info .status__display-name .display-name bdi, +.app-body .status__info .status__display-name .display-name__account { vertical-align: top; } -.layout-single-column .status__info .status__display-name .display-name__account { +.app-body .status__info .status__display-name .display-name__account { display: inline; opacity: .7; } -.layout-single-column .status__relative-time { +.app-body .status__relative-time { height: 22px; position: absolute; right: 22px; color: var(--color-content-fg); opacity: .6; - font-weight: 500; } -.layout-single-column .status__avatar { +.app-body .status__avatar { margin-bottom: -10px; + z-index: 2; } -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { +.app-body .reply-indicator__content, +.app-body .status__content { line-height: 19px; + position: static; } -.layout-single-column .e-content blockquote, -.layout-single-column .reply-indicator__content blockquote, -.layout-single-column .status__content__text blockquote { - color: var(--color-content-fg-muted); +.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. */ -.layout-single-column .status::before, -.layout-single-column .notification__message::before { +.app-body .status::before, +.app-body .notification__message::before { position: absolute; background-color: var(--color-lines); height: 1px; @@ -930,299 +1256,320 @@ body.layout-single-column { opacity: .7; } @media screen and (max-width:889px) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { + .app-body .status::before, + .app-body .notification__message::before { width: calc(100% - 73px); } } @media (prefers-color-scheme: dark) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { + .app-body .status::before, + .app-body .notification__message::before { opacity: 1; } } /* Remove border between posts when applicable */ -.layout-single-column .notification .status::before, /* no dividers on posts _inside_ notifications */ -.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ -.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ -.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ -.layout-single-column .hashtag-header + article .status::before, -.layout-single-column .search-results__section .search-results__section__header + div .status::before { +.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 */ - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper .status::before, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper .status::before{ + .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 */ -.layout-single-column .status--first-in-thread { +.app-body .status--first-in-thread { border-top: 0; } -.layout-single-column .status--first-in-thread::before { +.app-body .status--first-in-thread::before { width: 100%; right: 0; } -.layout-single-column .status--in-thread .attachment-list, -.layout-single-column .status--in-thread .audio-player, -.layout-single-column .status--in-thread .hashtag-bar, -.layout-single-column .status--in-thread .media-gallery, -.layout-single-column .status--in-thread .picture-in-picture-placeholder, -.layout-single-column .status--in-thread .status-card, -.layout-single-column .status--in-thread .status__action-bar, -.layout-single-column .status--in-thread .status__content, -.layout-single-column .status--in-thread .video-player { +.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; } -.layout-single-column .status--in-thread .status__content__read-more-button { - -webkit-margin-start: 0; - margin-inline-start: 0; -} -.layout-single-column .status--in-thread .status__line { - -webkit-border-start: 4px solid var(--color-accent-bg); - border-inline-start: 4px solid var(--color-accent-bg); - inset-inline-start: 43px; - position: absolute; - top: 0; - width: 0; - height: 14px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status--in-thread .status__line { - border-color: var(--color-accent-lines); - } -} -.layout-single-column .status__line.status__line--full { +.app-body .status__line--first { height: 100%; } -.layout-single-column .status__line--full:before { - background: transparent; +.app-body .status__line--full { + height: calc(100% + 32px); } -.layout-single-column .status__line.status__line--full.status__line--first { - top: 58px; - height: calc(100% - 58px); +/* 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) { - .layout-single-column .status--in-thread .status__line { - inset-inline-start: 39px; + .app-body .status__line { + inset-inline-start: 35px; } } + /* ⏺️ Posts when in focus */ -.layout-single-column .status__wrapper.focusable:focus, -.layout-single-column .detailed-status__wrapper.focusable:focus, -.layout-single-column .focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar, -.layout-single-column .status__wrapper.focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar { +.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. */ - .layout-single-column .status__wrapper:has(.status__content:hover), - .layout-single-column .notification__message:has(+ div > .status__wrapper .status__content:hover) { + .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 */ -.layout-single-column .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */ +.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); - box-shadow: - inset 0 -4px var(--color-accent-lines), - inset 0 4px var(--color-accent-lines); } -.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ - border-top: 1px solid var(--color-lines); - border-top-right-radius: 8px; - border-top-left-radius: 8px; - box-shadow: - inset 0 -4px var(--color-accent-lines); +.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ + border-top: 0; } -.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */ +.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; - box-shadow: - inset 0 4px var(--color-accent-lines); } -.layout-single-column .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */ +.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) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { + .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) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { + .app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - - .layout-single-column .detailed-status { + .app-body .detailed-status { padding: 8px 8px 14px; } } -.layout-single-column .detailed-status__display-avatar .account__avatar { +.app-body .detailed-status__display-avatar .account__avatar { width: 60px !important; height: 60px !important; } -.layout-single-column .detailed-status .status__content { +.app-body .detailed-status .status__content { line-height: 24px; } -.layout-single-column .detailed-status, -.layout-single-column .detailed-status__action-bar { +.app-body .detailed-status, +.app-body .detailed-status__action-bar { background-color: var(--color-content-bg); border: 0; } -.layout-single-column .detailed-status__display-name strong, -.layout-single-column .detailed-status__display-name .display-name__account { +.app-body .detailed-status__display-name strong, +.app-body .detailed-status__display-name .display-name__account { color: var(--color-content-fg); } -.layout-single-column .detailed-status__display-name strong { +.app-body .detailed-status__display-name strong { font-size: 18px; font-weight: bold; } .detailed-status__display-name .display-name__account{ opacity: .7; } -.layout-single-column .detailed-status__meta { +.app-body .detailed-status__meta { color: var(--color-fg); opacity: .8; } -.layout-single-column .detailed-status__action-bar { - padding: 0; +.app-body .detailed-status__action-bar { + padding: 0 16px; + justify-content: left; + gap: 8px; + width: 32px; } -.layout-single-column .animated-number { - color: var(--color-content-fg); +.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); } -.layout-single-column article > .account { +.app-body article > .account { padding: 16px; } -.layout-single-column article:first-child > .account { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; -} -.layout-single-column article:last-child > .account { +.app-body article:last-child > .account { border-bottom: 1px solid var(--color-lines); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } -.layout-single-column .detailed-status__link { +.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 */ -.layout-single-column .hashtag-bar a, -.layout-single-column .hashtag-bar .link-button { +.app-body .hashtag-bar a, +.app-body .hashtag-bar .link-button { color: var(--color-fg-muted); font-size: 90%; transition: all .1s; } -.layout-single-column .hashtag-bar .link-button { +.app-body .hashtag-bar .link-button { font-size: 80%; margin-left: 3px; } -.layout-single-column .hashtag-bar a { +.app-body .hashtag-bar a { background-color: var(--color-content-secondary-bg); transition: all .3s; padding: 3px 8px; border-radius: 8px; } -.layout-single-column .hashtag-bar a:hover, -.layout-single-column .hashtag-bar .link-button:hover { +.app-body .hashtag-bar a:hover, +.app-body .hashtag-bar .link-button:hover { color: var(--color-accent); } -.layout-single-column .hashtag-bar a:hover { +.app-body .hashtag-bar a:hover { background-color: var(--color-accent-bg); } -.layout-single-column .hashtag-bar a:active, -.layout-single-column .hashtag-bar a:focus { +.app-body .hashtag-bar a:active, +.app-body .hashtag-bar a:focus { color: var(--color-accent-fg); background-color: var(--color-accent); } -.layout-single-column .hashtag-bar a:hover span { +.app-body .hashtag-bar a:hover span { text-decoration: none; } @media (prefers-color-scheme: dark) { - .layout-single-column .hashtag-bar a, - .layout-single-column .hashtag-bar .link-button { + .app-body .hashtag-bar a, + .app-body .hashtag-bar .link-button { color: var(--color-accent); } - .layout-single-column .hashtag-bar a:hover, - .layout-single-column .hashtag-bar .link-button:hover { + .app-body .hashtag-bar a:hover, + .app-body .hashtag-bar .link-button:hover { color: var(--color-content-fg); } } /* ⭐ Action bar */ -.layout-single-column .status__action-bar { +.app-body .status__action-bar { justify-content: left; margin-top: 8px; + gap: 8px; } -.layout-single-column .status__action-bar button, -.layout-single-column .status__action-bar .status__action-bar__dropdown, -.layout-single-column .detailed-status__action-bar button, -.layout-single-column .detailed-status__action-bar .status__action-bar__dropdown { +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + :is(button, .status__action-bar__dropdown) { transition: all .3s; } -.layout-single-column .status__action-bar .status__action-bar__dropdown { +.app-body .status__action-bar button:last-child { position: absolute; right: 18px; } -.layout-single-column .status__action-bar .icon-button.disabled { +.app-body .status__action-bar .icon-button.disabled { pointer-events: none; } -.layout-single-column .status__action-bar .icon-button:active, -.layout-single-column .status__action-bar .icon-button.active:active, -.layout-single-column .status__action-bar .icon-button:focus, -.layout-single-column .status__action-bar .icon-button.active:focus, -.layout-single-column .detailed-status__action-bar .icon-button:active, -.layout-single-column .detailed-status__action-bar .icon-button.active:active, -.layout-single-column .detailed-status__action-bar .icon-button:focus, -.layout-single-column .detailed-status__action-bar .icon-button.active:focus { +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + .icon-button:is( + :active, + .active:active, + :focus, + .active:focus + ) { background-color: transparent; } -.layout-single-column .icon-button.star-icon.deactivate>.fa-star, -.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ +.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; } -.layout-single-column .status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa { +.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; } -.layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce-detailed .4s ease-out !important; -} @keyframes bounce { - 0% { - transform: scale(.8); - } - 50% { - transform: scale(1.4); - } - 75% { - transform: scale(.6); - } - 100% { - transform: scale(.8); - } -} -@keyframes bounce-detailed { 0% { transform: scale(1); } @@ -1236,190 +1583,244 @@ body.layout-single-column { transform: scale(1); } } -.layout-single-column .status__action-bar .icon-button.reblogPrivate>.fa-retweet { +.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet { opacity: 1; } -.layout-single-column .status__action-bar .icon-button.active>.fa-retweet { +.app-body .status__action-bar .icon-button.active>.icon-retweet { animation: launch 1.2s ease-in !important; } -.layout-single-column .detailed-status__action-bar .icon-button.active>.fa-retweet { +.app-body .detailed-status__action-bar .icon-button.active>.icon-retweet { animation: launch-detailed 1.2s ease-out !important; } @keyframes launch { 0% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 0; } 5% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 1; } 50% { - transform: scale(.8) translate(200%, -150%); + transform: translate(200%, -150%); opacity: 0; } 80% { - transform: scale(.8) translate(200%, -150%); + transform: translate(200%, -150%); opacity: 0; } 85% { - transform: scale(.8) translate(-20%, 20%); + transform: translate(-20%, 20%); opacity: 0; } 100% { - transform: scale(.8) translate(0); + transform: translate(0); opacity: 1; } } @keyframes launch-detailed { 0% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 0; } 5% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 1; } 50% { - transform: scale(1) translate(150%, -150%); + transform: translate(150%, -150%); opacity: 0; } 80% { - transform: scale(1) translate(150%, -150%); + transform: translate(150%, -150%); opacity: 0; } 85% { - transform: scale(1) translate(-20%, 20%); + transform: translate(-20%, 20%); opacity: 0; } 100% { - transform: scale(1) translate(0); + transform: translate(0); opacity: 1; } } -.layout-single-column .status__action-bar .icon-button, -.layout-single-column .detailed-status__action-bar .icon-button { - min-width: 32px !important; - height: 32px !important; - border-radius: 30px; +.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; } -.layout-single-column .status__action-bar .icon-button .fa { - transform: scale(.8); - height: 32px; - line-height: 32px; +.app-body .detailed-status__action-bar .icon-button { + min-width: 40px; + height: 40px; } -.layout-single-column .status__action-bar i.fa-star:before, -.layout-single-column .status__action-bar i.fa-bookmark:before, -.layout-single-column .status__action-bar i.fa-share-alt:before, -.layout-single-column .detailed-status__action-bar i.fa-star:before, -.layout-single-column .detailed-status__action-bar i.fa-bookmark:before, -.layout-single-column .detailed-status__action-bar i.fa-share-alt:before { - height: 32px; +.app-body .detailed-status__action-bar .icon-button > .icon { + width: 25px; + height: 25px; } -.layout-single-column .icon-button.star-icon.active, -.layout-single-column .notification__favourite-icon-wrapper .star-icon { +.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; } -.layout-single-column .status__prepend { +.app-body .status__prepend { padding-top: 2px; - padding-left: 0; padding-right: 0; + padding-bottom: 1px; + padding-left: 0; margin-bottom: 0; height: 25px; color: var(--color-content-fg); } -.layout-single-column .status__prepend-icon-wrapper { +.app-body .status__prepend-icon-wrapper { width: 56px; text-align: right; } -.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper { +.app-body .status__prepend-icon-wrapper .icon { + transform: translateY(1px) scale(1.1); +} +.app-body .detailed-status__wrapper .status__prepend-icon-wrapper { width: 46px; } -.layout-single-column .status__prepend .muted .emojione { +.app-body .status__prepend .muted .emojione { opacity: 1; } -.layout-single-column .status-card, -.layout-single-column .status-card.compact { - background-color: var(--color-content-secondary-bg); +.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; } -.layout-single-column a.status-card:hover, -.layout-single-column a.status-card.compact:hover { +.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); } -.layout-single-column .status-card__image { - background: var(--color-accent-bg); +.app-body .status-card__image { + background: var(--color-content-secondary-bg); } -.layout-single-column .status-card__image > .fa { - color: var(--color-content-fg); - transition: all .3s; +.app-body .status-card__image .icon { + width: 32px; + height: 32px; } -.layout-single-column a.status-card:hover .status-card__image > .fa { - color: var(--color-accent); -} -.layout-single-column .status-card__title, -.layout-single-column .status-card__description, -.layout-single-column .status-card__author { +.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; } -.layout-single-column .status-card__host { +.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); } -.layout-single-column .status-card:active .status-card__host, -.layout-single-column .status-card:focus .status-card__host, -.layout-single-column .status-card:hover .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__author, -.layout-single-column .status-card:active .status-card__description, -.layout-single-column .status-card:active .status-card__title, -.layout-single-column .status-card:focus .status-card__author, -.layout-single-column .status-card:focus .status-card__description, -.layout-single-column .status-card:focus .status-card__title, -.layout-single-column .status-card:hover .status-card__author, -.layout-single-column .status-card:hover .status-card__description, -.layout-single-column .status-card:hover .status-card__title { +.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); } -.layout-single-column .status-card__author strong { +.app-body .status-card__author strong { font-weight: 800; } -.layout-single-column .status__content p { +@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; } -.layout-single-column .status__content p:last-child { +.app-body .status__content p:last-child { margin-bottom: 0; } -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) { +.app-body .status__content > p:first-child:has(.status__content__spoiler-link) { margin-bottom: 1px; } -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) span { +.app-body .status__content > p:first-child:has(.status__content__spoiler-link) span { font-weight: bold; } -.layout-single-column .media-gallery { +.app-body .media-gallery { border-radius: 8px; } -.layout-single-column .icon-button.overlayed { +.app-body .icon-button.overlayed { background-color: #ffffff; color: #444b5d; opacity: .6; transition: opacity .3s; } -.layout-single-column .icon-button.overlayed:hover { +.app-body .icon-button.overlayed:hover { background-color: #ffffff; color: #444b5d; opacity: 1; } -.layout-single-column .status__wrapper--filtered__button { +.app-body .status__wrapper--filtered__button { color: var(--color-accent); } -.layout-single-column .status__wrapper--filtered { +.app-body .status__wrapper--filtered { color: var(--color-content-fg); border-top: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines); @@ -1427,91 +1828,119 @@ body.layout-single-column { 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: 500px; + width: auto; +} + /* πŸ“Š Polls */ -.layout-single-column .poll__chart, -.layout-single-column .muted .poll__chart.leading { +.app-body .poll__chart, +.app-body .muted .poll__chart.leading { background: var(--color-accent); opacity: .4; height: 12px; border-radius: 10px; } -.layout-single-column .poll__chart.leading, -.layout-single-column .muted .poll__chart.leading { +.app-body .poll__chart.leading, +.app-body .muted .poll__chart.leading { opacity: 1; } -.layout-single-column .muted .poll { +.app-body .muted .poll { color: var(--color-content-fg-muted); } -.layout-single-column .poll__footer { +.app-body .poll__footer { color: var(--color-content-fg); } -.layout-single-column .poll__link { +.app-body .poll__link { color: var(--color-accent); text-decoration: none; } -.layout-single-column .poll__input { - border: 2px solid var(--color-content-fg); +.app-body .poll__input { + border: 2px solid var(--color-lines); + background-color: var(--color-content-secondary-bg); } -.layout-single-column .poll__input:hover { +.app-body .poll__input:hover { border-color: var(--color-accent); background-color: var(--color-accent-bg); } -.layout-single-column .poll__input.active, -.layout-single-column .poll__input:active, -.layout-single-column .poll__input:focus { +.app-body .poll__input:is(.active, :active, :focus) { background-color: var(--color-accent); } -.layout-single-column .poll__input.active { +.app-body .poll__input.active { border-color: var(--color-accent); } -.layout-single-column .poll__footer .button.button-secondary { +.app-body .poll__footer .button.button-secondary { padding: 0 16px; } -.layout-single-column .poll__footer .button.button-secondary:hover { +.app-body .poll__footer .button.button-secondary:hover { background-color: var(--color-accent); color: var(--color-accent-fg); } /* Poll composer */ -.layout-single-column .compose-form__poll-wrapper, -.layout-single-column .compose-form__poll-wrapper .poll__footer { +.app-body .compose-form__poll-wrapper, +.app-body .compose-form__poll-wrapper .poll__footer { border-top: 0; } -.layout-single-column .compose-form__poll-wrapper ul { +.app-body .compose-form__poll-wrapper ul { background-color: var(--color-accent-bg); } -.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { +.app-body .compose-form__poll-wrapper .autosuggest-input input:focus { box-shadow: 0 0 0 2px var(--color-accent); } -.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { +.app-body .compose-form__poll-wrapper .poll__footer .button.button-secondary { padding: 6px 16px; } -.layout-single-column .compose-form__poll-wrapper .icon-button.disabled { +.app-body .compose-form__poll-wrapper .icon-button.disabled { color: transparent; pointer-events: none; } - /* Empty columns */ -.layout-single-column .empty-column-indicator { +.app-body .empty-column-indicator { background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); - border-radius: 8px; + border: 1px solid var(--color-lines); + border-radius: 0 0 8px 8px; contain: content; } -.layout-single-column .empty-column-indicator a { +.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 */ -.layout-single-column .timeline-hint { +.app-body .timeline-hint { background-color: var(--color-content-bg); color: var(--color-content-fg); } -.layout-single-column .timeline-hint a { +.app-body .timeline-hint a { color: var(--color-accent); } -.layout-single-column article + .timeline-hint:last-child { +.app-body article + .timeline-hint:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 1px solid var(--color-lines); @@ -1521,88 +1950,61 @@ body.layout-single-column { /* πŸ“€ DMs */ -.layout-single-column .follow_requests-unlocked_explanation { +.app-body .follow_requests-unlocked_explanation { background-color: var(--color-accent-bg); color: var(--color-content-fg); border: 1px solid var(--color-accent-lines); } -@media screen and (min-width:890px) { - .layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation { - border-radius: 8px; - margin-top: 13px; - } -} -.layout-single-column .follow_requests-unlocked_explanation a { +.app-body .follow_requests-unlocked_explanation a { color: var(--color-accent); } -.layout-single-column .conversation__unread { +.app-body .conversation__unread { background-color: var(--color-accent); } -.layout-single-column .conversation.conversation--unread { +.app-body .conversation.conversation--unread { background-color: var(--color-content-bg-focus); } -.layout-single-column .conversation__unread { +.app-body .conversation__unread { color: var(--color-accent-fg); } -.layout-single-column .conversation__content__names a strong { +.app-body .conversation__content__names a strong { font-weight: bold; } -.layout-single-column .conversation__content__names, -.layout-single-column .conversation__content__names a, -.layout-single-column .conversation__content__relative-time, -.layout-single-column .conversation .attachment-list__list a, -.layout-single-column .conversation .attachment-list.compact .fa, -.layout-single-column .conversation .status__content p { +.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); } -.layout-single-column .conversation { +.app-body .conversation { background-color: var(--color-content-bg); border-bottom: 1px solid var(--color-lines); } -.layout-single-column .conversation__content__relative-time { +.app-body .conversation__content__relative-time { opacity: .7; } @media screen and (min-width:890px) { - .layout-single-column .conversation { + .app-body .conversation { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } /* Speech bubble look DMs */ -.layout-single-column .status-direct .status__content, -.layout-single-column .detailed-status-direct .status__content, -.layout-single-column .detailed-status__wrapper-direct .status__content { +.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-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 5px 18px 18px 16px; + background: var(--color-content-secondary-bg); + border: 1px solid var(--color-lines); + border-radius: 4px 12px 12px 12px; display: inline-block; } -.layout-single-column .status-direct .fa.fa-at, -.layout-single-column .detailed-status-direct .fa.fa-at { - font-size: 20px; -} -.layout-single-column .status-direct .fa.fa-at::before, -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-size: contain; - background-repeat: no-repeat; - background-image: var(--icon-direct-messages); - background-position: center 3px; - color: transparent; -} -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-position: center 2px; -} -.layout-single-column .status-direct.muted .status__content { +.app-body .status-direct.muted .status__content { background: rgba(155, 174, 200, 0.1); border-color: var(--color-lines); } -.layout-single-column .status__wrapper-direct .status__prepend, -.layout-single-column .detailed-status__wrapper-direct .status__prepend { +.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend { display: none; } @@ -1610,175 +2012,158 @@ body.layout-single-column { /* ⏺️ Column headers ----------------- */ -.layout-single-column .tabs-bar__wrapper { +.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); } -.layout-single-column .column-header__wrapper { - padding-bottom: 10px; -} -.layout-single-column .column-header__wrapper.active:before { +.app-body .column-header__wrapper.active:before { background: none; opacity: 40%; } -.layout-single-column .column-header__wrapper.active { +.app-body .column-header__wrapper.active { box-shadow: 0 0; } -.layout-single-column .column-header__wrapper::after, -.layout-single-column .column-back-button::after { - content: " "; - position: absolute; - left: 0; - right: 0; - bottom: -10px; - border-radius: 8px 8px 0 0; - box-shadow: - 0 -5px var(--color-bg), - 0 -10px var(--color-bg), - 0 -15px var(--color-bg), - 0 -20px var(--color-bg); - height: 10px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - background-color: transparent; - z-index: -1; -} -.layout-single-column .column-header { +.app-body .column-header { border-radius: 8px; } -.layout-single-column .column-header, -.layout-single-column .column-back-button { - background: var(--color-content-bg); +.app-body .column-header, +.app-body .column-back-button { + background-color: rgba(255, 255, 255, .75); color: var(--color-content-fg); - border: 1px solid var(--color-lines); - border-radius: 8px; + 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); } -.layout-single-column .column-header__button, -.layout-single-column .column-header__back-button { - background-color: var(--color-content-bg); +@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; } -.layout-single-column .column-back-button { - margin-bottom: 10px; -} -.layout-single-column .column-header__button { +.app-body .column-header__button { color: var(--color-content-fg); transition: all .2s; + border-radius: 6px; + height: 42px; + margin: 4px 4px 4px 0; } -.layout-single-column .column-header.active .column-header__icon { +.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; } -.layout-single-column .column-header__button.active, -.layout-single-column .column-header__button.active:hover, -.layout-single-column .column-header__button:hover { +.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) { - .layout-single-column .column-header__wrapper::after, - .layout-single-column .column-back-button::after { + .app-body .column-header__wrapper::after, + .app-body .column-back-button::after { display: none; } - .layout-single-column .column-header__button.active, - .layout-single-column .column-header__button.active:hover, - .layout-single-column .column-header__button:hover { + .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; } } -.layout-single-column .column-back-button--slim-button::after { +.app-body .column-back-button--slim-button::after { display: none; } -.layout-single-column .column-back-button--slim-button { - top: -47px +.app-body .column-back-button--slim-button { + top: -50px } @media screen and (max-width:1174px) { - .layout-single-column .column-back-button--slim-button { - height: 47px; + .app-body .column-back-button--slim-button { + height: 50px; + } +} +@media screen and (min-width:1175px) { + .app-body .column-back-button--slim-button { + display: none; } } -.layout-single-column .load-gap, -.layout-single-column .load-more { +.app-body .load-gap, +.app-body .load-more { background-color: var(--color-accent-bg); color: var(--color-accent); - border: 1px solid var(--color-accent-lines); + border-bottom: 0; } -.layout-single-column .load-gap:hover, -.layout-single-column .load-more:hover { +.app-body .load-gap:hover, +.app-body .load-more:hover { background-color: var(--color-accent-lines); } -@media screen and (min-width:890px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - border-radius: 8px 8px 0 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - margin-top: 15px; - } -} -.layout-single-column .column-header__collapsible { +.app-body .column-header__collapsible { border-bottom: 0; - border-radius: 8px; 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); } -.layout-single-column .column-header__collapsible:not(.collapsed) { - border: 1px solid var(--color-lines); -} -.layout-single-column .column-header__collapsible::-webkit-scrollbar-track { +.app-body .column-header__collapsible::-webkit-scrollbar-track { background-color: transparent; } @media screen and (max-width:1174px) { - .layout-single-column .column-header__collapsible { + .app-body .column-header__collapsible { box-shadow: none; border-radius: 0; } } -.layout-single-column .column-header__collapsible:not(.collapsed) { - margin-top: 10px; -} -.layout-single-column .column-header__collapsible-inner { +.app-body .column-header__collapsible-inner { background: var(--color-secondary-bg); border: 0; } -.layout-single-column .column-settings__section { +.app-body .column-settings__section { color: var(--color-content-fg-bold); } -.layout-single-column .setting-toggle__label { +.app-body .setting-toggle__label { color: var(--color-content-fg); } -.layout-single-column .column-header > button { +.app-body .column-header > button { padding: 0 0 0 15px; - line-height: 45px; font-weight: bold; } -.layout-single-column .column-header__icon { - vertical-align: middle; - display: inline-block; - margin-right: 8px; - transform: scale(.8); - line-height: 23px; -} @media screen and (max-width:1174px) { - .layout-single-column .ui__header { + .app-body .ui__header { background-color: transparent; border-bottom: 0; } - .layout-single-column .ui__header__logo { + .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; } - .layout-single-column .tabs-bar__wrapper { + .app-body .tabs-bar__wrapper { box-shadow: none; display: block; margin-bottom: -2px; @@ -1786,25 +2171,26 @@ body.layout-single-column { height: 45px; border-bottom: 1px solid rgba(0, 0, 0, .1); } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal) { + .app-body .tabs-bar__wrapper:has(> #tabs-bar__portal) { display: none; } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button), - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */ + .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; } - .layout-single-column .column-header, - .layout-single-column .column-back-button, - .layout-single-column .column-header__button, - .layout-single-column .column-header__back-button { + .app-body .column-header, + .app-body .column-back-button, + .app-body .column-header__button, + .app-body .column-header__back-button { background-color: transparent; - height: 45px; + height: 50px; border: 0; + margin: 0; } - .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ + .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(245, 242, 239, 0.75); + background-color: rgba(255, 255, 255, 0.75); content: ""; height: 100px; left: 0; @@ -1813,24 +2199,32 @@ body.layout-single-column { width: 100%; z-index: 1; } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { + .app-body .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { height: 55px; } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after, - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */ + .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; } - .layout-single-column .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */ - margin-top: 0; + .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) { - .layout-single-column .ui::after { + .app-body .ui::after { background-color: rgba(3, 3, 3, .65); } - .layout-single-column .tabs-bar__wrapper { - border-color: rgba(255, 255, 255, .1); + .app-body .tabs-bar__wrapper { + border-color: var(--color-lines); } } } @@ -1839,58 +2233,79 @@ body.layout-single-column { /* ⏺️ Horizontal selectors (used to navigate subsections on the Explore, Live Feeds and Account pages) */ -.layout-single-column .account__section-headline, -.layout-single-column .notification__filter-bar { +.app-body + :is(.account__section-headline, .notification__filter-bar) { background: var(--color-accent-bg); border: 1px solid var(--color-accent-lines); - border-radius: 8px; +} +.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; } -.layout-single-column .account__section-headline a, -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar a, -.layout-single-column .notification__filter-bar button { +@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; - padding: 14px 0; + max-height: 45px; + padding: 14px 10px; } -.layout-single-column .account__section-headline a:hover, -.layout-single-column .account__section-headline button:hover, -.layout-single-column .notification__filter-bar a:hover, -.layout-single-column .notification__filter-bar button:hover { +.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; } -.layout-single-column .account__section-headline a.active, -.layout-single-column .account__section-headline button.active, -.layout-single-column .notification__filter-bar a.active, -.layout-single-column .notification__filter-bar button.active { +.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; } -.layout-single-column .account__section-headline a.active::before, -.layout-single-column .account__section-headline button.active::before, -.layout-single-column .notification__filter-bar a.active::before, -.layout-single-column .notification__filter-bar button.active::before { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button).active::before { display: none; } -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar button { +.app-body + :is(.account__section-headline, .notification__filter-bar) + button { background-color: transparent; } -.layout-single-column .account__section-headline a::after, -.layout-single-column .account__section-headline button::after, -.layout-single-column .notification__filter-bar a::after, -.layout-single-column .notification__filter-bar button::after, -.layout-single-column .account__section-headline a.active::after, -.layout-single-column .account__section-headline button.active::after, -.layout-single-column .notification__filter-bar a.active::after, -.layout-single-column .notification__filter-bar button.active::after { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button, a.active, button.active)::after { display: block; position: absolute; content: " "; @@ -1906,128 +2321,158 @@ body.layout-single-column { transform: unset; border: 0; } -.layout-single-column .account__section-headline a:last-child::after, -.layout-single-column .account__section-headline button:last-child::after, -.layout-single-column .notification__filter-bar a:last-child:after, -.layout-single-column .notification__filter-bar button:last-child:after { +.app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button):last-child::after { display: none; } @media (prefers-color-scheme: dark) { - .layout-single-column .account__section-headline a.active, - .layout-single-column .account__section-headline button.active, - .layout-single-column .notification__filter-bar a.active, - .layout-single-column .notification__filter-bar button.active { + .app-body + :is(.account__section-headline, .notification__filter-bar) + :is(a, button).active { background-color: var(--color-bg); } } -@media screen and (max-width:889px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-left: 10px; - margin-right: 10px; - } -} -@media screen and (max-width:1174px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-top: 10px; - } -} -.layout-single-column .notification__filter-bar i.fa-reply-all::before { - content: var(--icon-reply-accent); - top: 2px +.app-body .notification__filter-bar .icon-reply-all { + background-image: var(--icon-reply-accent); } -.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { - content: var(--icon-reply); +.app-body .notification__filter-bar .active .icon-reply-all { + background-image: var(--icon-reply); } -.layout-single-column .notification__filter-bar i.fa-fw::before { - width: 18px; - height: 18px; - background-size: contain; -} -.layout-single-column .notification__filter-bar i.fa-star::before { +.app-body .notification__filter-bar .icon-star { background-image: var(--icon-star-accent); - transform: translate(0, 1px); } -.layout-single-column .notification__filter-bar .active i.fa-star::before { +.app-body .notification__filter-bar .active .icon-star { background-image: var(--icon-star); } -.layout-single-column .notification__filter-bar i.fa.fa-retweet { +.app-body .notification__filter-bar .icon-retweet { background-image: var(--icon-boost-accent); - transform: translate(0, 1px); } -.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { +.app-body .notification__filter-bar .active .icon-retweet { background-image: var(--icon-boost); } -.layout-single-column .notification__filter-bar .fa-tasks::before { - content: var(--icon-poll-accent); - top: 2px; - left: -2px; +.app-body .notification__filter-bar .icon-tasks { + background-image: var(--icon-poll-accent); } -.layout-single-column .notification__filter-bar .active .fa-tasks::before { - content: var(--icon-poll); +.app-body .notification__filter-bar .active .icon-tasks { + background-image: var(--icon-poll); } -.layout-single-column .notification__filter-bar i.fa.fa-home::before { - content: var(--icon-home-notification-accent); - transform: translate(0, 1px); - display: inline-block; +.app-body .notification__filter-bar .icon-home { + background-image: var(--icon-post-notification-accent); } -.layout-single-column .notification__filter-bar .active i.fa.fa-home::before { - content: var(--icon-home-notification); +.app-body .notification__filter-bar .active .icon-home { + background-image: var(--icon-post-notification); } -.layout-single-column .notification__favourite-icon-wrapper .fa-home { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home::before { - content: var(--icon-home-notification-accent); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus { - transform: scale(.8); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus::before { - content: var(--icon-users-column-link-accent); - transform: translate(-2px, 2px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-user-plus::before { - content: var(--icon-users-column-link); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus::before { - content: var(--icon-users-column-link-accent); + +@media screen and (max-width:889px) { + .app-body .account__header + .account__section-headline { + border-radius: 0; + } } /* πŸ“ Navigation panel ------------------- */ -.layout-single-column .column-link--transparent { +@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); } -.layout-single-column .ui__header__logo .logo--icon { +.app-body .ui__header__logo .logo--icon { display: none; } -.layout-single-column .ui__header__links .button.button-secondary { - padding: 8px 18px 8px 18px; +.app-body .ui__header__links .button.button-secondary { + padding: 8px 15px; } -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { +.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; } -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { +.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); } -.layout-single-column .column-link--logo { +.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; } -.layout-single-column .column-link.column-link--logo, -.layout-single-column .ui__header__logo { +.app-body .column-link.column-link--logo, +.app-body .ui__header__logo { display: inline-flex; padding: 0; width: 50px; @@ -2037,41 +2482,42 @@ body.layout-single-column { background-position: center; background-size: 32px auto; } -.layout-single-column .column-link.column-link--logo svg, -.layout-single-column .ui__header__logo svg { +.app-body .column-link.column-link--logo svg, +.app-body .ui__header__logo svg { display: none; } -.layout-single-column .navigation-panel__logo { +.app-body .navigation-panel__logo { margin-bottom: 10px; } -.layout-single-column .column-link:not(.column-link--logo) { - padding: 10px 20px 11px 13px; +.app-body .column-link:not(.column-link--logo) { + padding: 13px 20px 14px 13px; margin-left: 3px; font-weight: 500; + font-size: 18px; + overflow: visible; } -.layout-single-column a.column-link--transparent.active, -.layout-single-column a.column-link--transparent.active:hover { +.app-body .column-link--transparent:is(.active, .active:hover) { color: var(--color-content-fg); font-weight: bold; } -.layout-single-column .column-link--transparent:hover { +.app-body .column-link--transparent:hover { border-radius: 8px; padding-right: 20px; } -.layout-single-column a.column-link--transparent span { +.app-body .column-link--transparent span { position: relative; } @media screen and (min-width:1175px) { - .layout-single-column .column-link:not(.column-link--logo) { + .app-body .column-link:not(.column-link--logo) { transition: all .2s; } - .layout-single-column .column-link:not(.column-link--logo)[href="/settings/preferences"] { + .app-body .column-link:not(.column-link--logo)[href="/settings/preferences"] { padding-bottom: 13px; } - .layout-single-column a.column-link--transparent span::before { + .app-body .column-link--transparent span::before { content: " "; - left: -40px; + left: -44px; background-color: transparent; transition: .3s background-color; top: -12px; @@ -2079,17 +2525,23 @@ body.layout-single-column { position: absolute; border-radius: 8px; z-index: -1; - bottom: -13px; + bottom: -12px; } - .layout-single-column a.column-link--transparent:hover span::before { + .app-body .column-link--transparent:hover span::before { background-color: var(--color-accent-bg); } - .layout-single-column a.column-link--transparent.active span::before, - .layout-single-column a.column-link--transparent.active:hover span::before { - background-color: var(--color-content-bg); + .app-body .column-link--transparent:is(.active, .active:hover) span::before { + background-color: var(--color-content-secondary-bg); } } -.layout-single-column .icon-with-badge__badge { +@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; @@ -2098,45 +2550,39 @@ body.layout-single-column { border: 0; z-index: 1; } -.layout-single-column .compose-panel hr, .navigation-panel hr { +.app-body .compose-panel hr, .navigation-panel hr { display: none; } -.layout-single-column .column-link__icon { - transform: scale(.8); - vertical-align: middle; - margin-right: 9px; -} -.layout-single-column .column-link span { +.app-body .column-link span { vertical-align: middle; } -.layout-single-column .column-link .fa::before { +.app-body .column-link .fa::before { position: relative; top: 1px; } -.layout-single-column .column-link .fa.fa-cog { +.app-body .column-link .fa.fa-cog { transform: scale(1) translate(1px, -1px); } -.layout-single-column .list-panel { - padding: 5px 9px 8px 27px; +.app-body .list-panel { + padding: 5px 9px 50px 27px; margin: 0 0 5px; display: none; } -.layout-single-column .list-panel i.fa { +.app-body .list-panel .icon { display: none; } -.layout-single-column .list-panel .column-link span::before { - left: -12px; +.app-body .list-panel .column-link span::before { + left: -15px; top: -10px; - right: -12px; + right: -15px; bottom: -10px; } -.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before { +.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) { - .layout-single-column .column-link[href="/lists"]:hover + .list-panel, - .layout-single-column .column-link[href="/lists"].active + .list-panel, - .layout-single-column .list-panel:hover { + .app-body .column-link[href="/lists"]:is(.active, :hover) + .list-panel, + .app-body .list-panel:hover { display: block; animation: fadein .5s 1; } @@ -2152,31 +2598,56 @@ body.layout-single-column { } } @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner { + .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; } - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { + .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; - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - background-color: rgba(255, 255, 255, 0.5); + background-color: var(--color-content-bg); + border-top: 1px solid var(--color-lines); border-left: 0; - border-top: 1px solid rgba(0, 0, 0, .1); } - .layout-single-column .navigation-panel .column-link, - .layout-single-column .navigation-panel .navigation-panel__legal, - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column .column-link--transparent:hover { - flex: 0 0 18vw; + .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; @@ -2187,60 +2658,70 @@ body.layout-single-column { box-sizing: border-box; background-color: transparent; } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { + .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; } - .layout-single-column .column-link__icon { - transform: scale(1); + .app-body .column-link__icon { margin: 0; } - .layout-single-column .column-link span { + .app-body .column-link span { padding-left: .5em; } - .layout-single-column .column-link .fa-list-ul { - margin-right: 0; - } - .layout-single-column .columns-area__panels__main { + .app-body .columns-area__panels__main { width: calc(100% - 285px); margin-left: -285px; } - .layout-single-column .columns-area__panels { + .app-body .columns-area__panels { padding-bottom: 6em; } - .layout-single-column .columns-area__panels .navigation-panel__legal { + .app-body .columns-area__panels .navigation-panel__legal { margin: 0; padding: 0; } - .layout-single-column .columns-area__panels .navigation-panel__legal .column-link--transparent { + .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) { - .layout-single-column .columns-area__panels__main { + .app-body .columns-area__panels__main { width: 100%; margin-left: -55px; } } @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(3, 3, 3, .65); - border-left: 0; - border-right: 0; - border-bottom: 0; - border-top: 1px solid rgba(255, 255, 255, .1); - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { + .app-body .column-link--transparent:is(.active, .active:hover, :active) { background-color: var(--color-bg); } } @@ -2250,33 +2731,34 @@ body.layout-single-column { /* πŸ‘€ Account view --------------- */ -.layout-single-column .account__header { - border-radius: 8px; +.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) { - .layout-single-column .account__header { + .app-body .account__header { margin-top: 15px; + border-radius: 8px; } } @media screen and (max-width:889px) { - .layout-single-column .account__header { + .app-body .account__header { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .account__header__image { - height: 150px; +.app-body .account__header__image { + height: 159px; background-color: var(--color-secondary-bg); border-bottom: 0; } -.layout-single-column .account__header__bar { +.app-body .account__header__bar { border: 0; } -.layout-single-column .account__header__bar .avatar .account__avatar { +.app-body .account__header__bar .avatar .account__avatar { border-radius: 50%; border-width: 5px; width: 100px !important; @@ -2284,78 +2766,77 @@ body.layout-single-column { background-color: var(--color-content-bg); border-color: var(--color-content-bg); } -.layout-single-column .account__header__tabs__name h1, -.layout-single-column .account__header__tabs__name h1 small { +.app-body .account__header__tabs__name h1, +.app-body .account__header__tabs__name h1 small { color: var(--color-content-fg); } -.layout-single-column .account__header__tabs__name h1 > span { +.app-body .account__header__tabs__name h1 > span { font-size: 18px; } -.layout-single-column .account__header__tabs__name h1 small { +.app-body .account__header__tabs__name h1 small { opacity: .7; } -.layout-single-column .account__section-headline { - margin-bottom: 10px; +.app-body .account__header__tabs__name .icon-lock { + vertical-align: bottom; } -.layout-single-column .account__header__content a { +.app-body .account__header__content a { color: var(--color-accent); text-decoration: none; } -.layout-single-column .account__header__content a:hover { +.app-body .account__header__content a:hover { text-decoration: underline; } -.layout-single-column .account__header__extra__links a strong { +.app-body .account__header__extra__links a strong { color: var(--color-content-fg-bold); } -.layout-single-column .account__header__account-note label { +.app-body .account__header__account-note label { margin-bottom: 0; } -.layout-single-column .account__header__account-note label, -.layout-single-column .account__header__account-note textarea::placeholder { +.app-body .account__header__account-note label, +.app-body .account__header__account-note textarea::placeholder { color: var(--color-content-fg-bold); opacity: .5; } -.layout-single-column .account__header__account-note textarea { +.app-body .account__header__account-note textarea { color: var(--color-content-fg); } -.layout-single-column .account__header__account-note textarea:focus { +.app-body .account__header__account-note textarea:focus { background-color: var(--color-accent-bg); } -.layout-single-column .account__header__badges .account-role { +.app-body .account__header__badges .account-role { border-radius: 8px; border-color: var(--color-accent); color: var(--color-accent); } -.layout-single-column .account-role svg { +.app-body .account-role svg { opacity: 1; } -.layout-single-column .account__header__extra__links a, -.layout-single-column .account__header__bio .account__header__content, -.layout-single-column .account__header__bio .account__header__fields dd { +.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); } -.layout-single-column .account__header__bio .account__header__fields { +.app-body .account__header__bio .account__header__fields { background-color: var(--color-content-secondary-bg); border-radius: 8px; } @media (prefers-color-scheme: dark) { - .layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-bg); + .app-body .account__header__bio .account__header__fields { + background-color: var(--color-secondary-bg); } } -.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { +.app-body .account__header__bio .account__header__fields:has(dl:only-child) { display: none; } -.layout-single-column .account__header__bio .account__header__fields dt { +.app-body .account__header__bio .account__header__fields dt { font-weight: bold; font-size: 12px; } -.layout-single-column .account__header__bio .account__header__fields dl, -.layout-single-column .account__header__bio .account__header__fields .verified { +.app-body .account__header__bio .account__header__fields :is(dl, .verified) { border-bottom: 0; position: relative; } -.layout-single-column .account__header__bio .account__header__fields dl:not(:last-child):after { +.app-body .account__header__bio .account__header__fields dl:not(:last-child):after { display: block; content: " "; height: 1px; @@ -2366,75 +2847,63 @@ body.layout-single-column { position: absolute; border-radius: 50px; } -.layout-single-column .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */ +.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; } -.layout-single-column .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */ +.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; } -.layout-single-column .account__header__bio .account__header__fields .verified a, .account__header__bio .account__header__fields .verified dd { /* Verified field tweak: vivid green text */ +.app-body .account__header__bio .account__header__fields .verified :is(a, dd) { color: var(--color-accent); } -.layout-single-column .account__header__bio .account__header__fields .verified dt, -.layout-single-column .account__header__bio .account__header__fields dt { /* Verified field tweak: restore default field title color */ +.app-body .account__header__bio .account__header__fields :is(.verified dt, dt) { color: var(--color-content-fg); } -.layout-single-column .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */ +.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; } -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child { /* Verified field tweak: adding a green background circle to the checkmark icon */ - display: inline-block; - background-color: var(--color-accent); - border-radius: 50px; - width: 1.2em; - height: 1.2em; - line-height: 1.2; - text-align: center; - margin-right: 2px; +.app-body .account__header__extra .account__header__fields .verified dd > span:first-child { + vertical-align: bottom; } -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child i { /* white checkmark */ - color: #fff; - font-size: 85%; - transform: scale(.9); +.app-body .account__header__extra .account__header__fields .verified__mark { + float: left; + margin-left: -1px; } -.layout-single-column .account__header__bio .account__header__fields .verified:last-child { +.app-body .account__header__bio .account__header__fields .verified:last-child { border-bottom: 0; } -.layout-single-column .account-timeline__header + article .status__wrapper, -.layout-single-column .account-timeline__header + article .account { /* rounded corners on first post below account header + on first account in followings/followers list */ - border-radius: 8px 8px 0 0; - border-right: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-top: 1px solid var(--color-lines); -} @media screen and (max-width:889px) { - .layout-single-column .account-timeline__header + article .status__wrapper, - .layout-single-column .account-timeline__header + article .account { + .app-body .account-timeline__header + article :is(.status__wrapper, .account) { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .follow-request-banner, -.layout-single-column .moved-account-banner { +.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); } -.layout-single-column .moved-account-banner { +.app-body .moved-account-banner { margin-bottom: 10px; border-radius: 8px; } -.layout-single-column .follow-request-banner__message, -.layout-single-column .moved-account-banner__message { +.app-body .follow-request-banner__message, +.app-body .moved-account-banner__message { color: var(--color-content-fg); } -.layout-single-column .moved-account-banner__message { +.app-body .moved-account-banner__message { font-weight: bold; } @@ -2442,76 +2911,70 @@ body.layout-single-column { /* ✨ Explore tab -------------- */ @media screen and (min-width:890px) { - .layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; - } - .layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper { + .app-body .account__section-headline + .scrollable article:last-child .status__wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } } -.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { - color: #E53880; -} -.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number { - color: #ca8f04; -} /* #️⃣ Trending hashtags */ -.layout-single-column .trends__item__sparkline path:last-child { +.app-body .trends__item__sparkline path:last-child { stroke: var(--color-accent) !important; } -.layout-single-column .trends__item__sparkline path:first-child { +.app-body .trends__item__sparkline path:first-child { fill: var(--color-accent) !important; fill-opacity: 0.2 !important; } -.layout-single-column .explore__links { +.app-body .explore__links { background-color: var(--color-content-bg); - border-radius: 8px !important; border: 1px solid var(--color-lines); overflow: hidden; + margin-top: -1px; } @media screen and (max-width:889px) { - .layout-single-column .explore__links { - border-radius: 0 !important; + .app-body .explore__links { border-left: 0; border-right: 0; } } -.layout-single-column .columns-area__panels__main .trends__item { +@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; + } +} +.app-body .columns-area__panels__main .trends__item { background-color: var(--color-content-bg); border-bottom: 2px solid var(--color-content-secondary-bg); } -.layout-single-column .explore__links .trends__item:last-child { +.app-body .explore__links .trends__item:last-child { border-bottom: 0; } -.layout-single-column .trends__item__name, -.layout-single-column .trends__item__current { +.app-body .trends__item__name, +.app-body .trends__item__current { color: var(--color-fg-muted); } -.layout-single-column .trends__item__name a { +.app-body .trends__item__name a { color: var(--color-fg); } /* Hashtag header */ -.layout-single-column .hashtag-header { +.app-body .hashtag-header { font-size: 15px; - padding: 18px 20px 20px; + padding: 22px 20px 24px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-bottom: 0; } -.layout-single-column .hashtag-header__header { +.app-body .hashtag-header__header { margin-bottom: 0; } -.layout-single-column .hashtag-header__header h1 { +.app-body .hashtag-header__header h1 { color: var(--color-content-fg); } -.layout-single-column .hashtag-header .hashtag-header__header + div { +.app-body .hashtag-header .hashtag-header__header + div { color: var(--color-content-fg); font-size: 85%; opacity: .8; @@ -2520,36 +2983,34 @@ body.layout-single-column { } @media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .hashtag-header { + .app-body .hashtag-header { margin-top: 15px; } } @media screen and (min-width:890px) { - .layout-single-column .hashtag-header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; + .app-body .hashtag-header { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } - .layout-single-column .hashtag-header .hashtag-header__header button { + .app-body .hashtag-header .hashtag-header__header button { transform: translate(0, 8px); } } /* Account recommendations (For You Tab + User directory */ -.layout-single-column .scrollable .account-card { +.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) { - .layout-single-column .scrollable .account-card { + .app-body .scrollable .account-card { margin: 0 10px 10px; } } -.layout-single-column .account-card__header { +.app-body .account-card__header { padding: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; @@ -2558,190 +3019,168 @@ body.layout-single-column { height: 128px; overflow: hidden; } -.layout-single-column .scrollable .account-card__bio:after { +.app-body .scrollable .account-card__bio:after { background: linear-gradient(270deg, var(--color-content-bg), transparent); } -.layout-single-column .account-card__title__avatar .account__avatar { +.app-body .account-card__title__avatar .account__avatar { border: 0; border-radius: 50%; overflow: visible; } -.layout-single-column .account-card__title__avatar img { +.app-body .account-card__title__avatar img { border: 0; border-radius: 50%; box-shadow: 0 0 0 3px var(--color-content-bg); } -.layout-single-column .account-card__title .display-name bdi, -.layout-single-column .account-card__counters__item, -.layout-single-column .account-card__counters__item small { +.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); } -.layout-single-column .account-card__counters__item small { +.app-body .account-card__counters__item small { opacity: .7; } -.layout-single-column .account-card__bio a { +.app-body .account-card__bio a { color: var(--color-accent); } -.layout-single-column .filter-form { +.app-body .filter-form { background-color: var(--color-accent-bg); border-radius: 8px; margin-bottom: 10px; } -.layout-single-column .filter-form__column { +.app-body .filter-form__column { padding: 10px 15px; } /* πŸ“° Trending stories */ -.layout-single-column .story { +.app-body .story { background-color: var(--color-content-bg); transition: background-color .2s; } -.layout-single-column .story:not(:last-child) { +.app-body .story:not(:last-child) { border-bottom: 2px solid var(--color-content-secondary-separator); } -.layout-single-column .story, -.layout-single-column .story__details__title { +.app-body .story, +.app-body .story__details__title { color: var(--color-content-fg); } -.layout-single-column .story:hover { +.app-body .story:hover { background-color: var(--color-content-bg-focus); } -.layout-single-column .story__details__publisher, -.layout-single-column .story__details__shared { +.app-body .story__details__publisher, +.app-body .story__details__shared { color: var(--color-fg); } -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared { +.app-body .story .story__details__publisher, +.app-body .story .story__details__shared { transition: all .3s; } -.layout-single-column .story:active .story__details__publisher, -.layout-single-column .story:active .story__details__shared, -.layout-single-column .story:focus .story__details__publisher, -.layout-single-column .story:focus .story__details__shared, -.layout-single-column .story:hover .story__details__publisher, -.layout-single-column .story:hover .story__details__shared { +.app-body .story:is(:active, :focus, :hover) :is(.story__details__publisher, .story__details__shared) { color: var(--color-accent); } -.layout-single-column .story.expanded .story__thumbnail { +.app-body .story.expanded { + gap: 10px; + padding-bottom: 20px; +} +.app-body .story.expanded .story__thumbnail { margin: 0 0 -25px; } -.layout-single-column .story.expanded .story__thumbnail img { - width: calc(100% + 30px); - margin: -15px -15px 0 -15px; - border-radius: 0 0 0 0; +.app-body .story.expanded .story__thumbnail img { + margin: 0 0 30px; + border-radius: 8px; } /* πŸ” Search field and search results */ -.layout-single-column .search { +.app-body .search { margin-bottom: 10px; } -.layout-single-column .search__input { +.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); } -.layout-single-column .search__input::placeholder, -.layout-single-column .compose-form .spoiler-input__input::placeholder { +.app-body .search__input::placeholder, +.app-body .compose-form .spoiler-input__input::placeholder { font-weight: 500; color: var(--color-accent); } -.layout-single-column .search__input:focus { +.app-body .search__input:focus { border: 1px solid var(--color-accent); } -.layout-single-column .compose-panel .fa-search, -.layout-single-column .compose-panel .fa.active { - right: 15px; - top: 16px; - color: var(--color-accent); +.app-body .search__icon .icon { + margin-right: 4px; + transform: scale(.9); } -.layout-single-column .compose-panel .fa-search.active, -.layout-single-column .compose-panel .fa-times-circle.active, -.layout-single-column .search__icon .fa.active { +.app-body .compose-panel .icon-search, +.app-body .compose-panel .icon-search.active, +.app-body .explore__search-header .icon-search { + background-image: var(--icon-search-active); +} +.app-body .compose-panel .icon-search.active, +.app-body .search__icon .icon-search.active { opacity: 1; z-index: 1; } -.layout-single-column .compose-panel .fa-times-circle.active { - top: 17px; -} -.layout-single-column .explore__search-results { - background-color: var(--color-content-bg); +.app-body .explore__search-results { + background-color: transparent; overflow: hidden; } -.layout-single-column .explore__search-header { +.app-body .explore__search-header { background-color: transparent; } -.layout-single-column .explore__search-results .account { +.app-body .explore__search-results .account { padding-top: 16px; } -.layout-single-column .explore__search-results article:first-child > .account { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .account { +.app-body .explore__search-results article:last-child > .account { border-bottom: 1px solid var(--color-lines); } -.layout-single-column .explore__search-results .trends__item { +.app-body .explore__search-results .trends__item { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } -.layout-single-column .explore__search-results article:first-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:first-child, -.layout-single-column .search-results__section > .account:first-child { +.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); } -.layout-single-column .explore__search-results article:last-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:last-child, -.layout-single-column .search-results__section > .account:last-child { +.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); } -.layout-single-column .search-results__section { +.app-body .search-results__section { background-color: var(--color-bg); - padding-bottom: 10px; border-bottom: 0; } -.layout-single-column .search-results__section__header { +.app-body .search-results__section__header { background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; color: var(--color-content-fg); } -.layout-single-column .search-results__section__header button { +.app-body .search-results__section__header button { color: var(--color-accent); } @media screen and (min-width:890px) { - .layout-single-column .explore__search-results { - border-radius: 8px; - } - .layout-single-column .explore__search-results article:first-child > .account, - .layout-single-column .search-results__section > .account:first-child, - .layout-single-column .explore__search-results article:first-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:first-child { - border-radius: 8px 8px 0 0; - } - .layout-single-column .explore__search-results article:last-child > .account, - .layout-single-column .search-results__section > .account:last-child, - .layout-single-column .explore__search-results article:last-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:last-child, - .layout-single-column .explore__search-results .load-more:last-child { + .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; } - .layout-single-column .search-results__section__header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } } -.layout-single-column .account .account__details > span { +.app-body .account .account__details > span { color: var(--color-content-fg); } -.layout-single-column .account .account__details .verified-badge { +.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); @@ -2752,7 +3191,7 @@ body.layout-single-column { opacity: 1; } } -.layout-single-column .search__popout { +.app-body .search__popout { background-color: var(--color-content-bg); border-radius: 8px; box-shadow: none; @@ -2760,138 +3199,155 @@ body.layout-single-column { border: 1px solid var(--color-lines); animation: .3s fadein-short 1; } -.layout-single-column .search__popout h4 { +.app-body .search__popout h4 { font-weight: bold; } -.layout-single-column .search__popout h4, -.layout-single-column .search__popout__menu__message, -.layout-single-column .search__popout__menu__item { +.app-body .search__popout h4, +.app-body .search__popout__menu__message, +.app-body .search__popout__menu__item { color: var(--color-content-fg); } -.layout-single-column .search__popout__menu__item { +.app-body .search__popout__menu__item { align-items: initial; } -.layout-single-column .search__popout__menu__item mark { +.app-body .search__popout__menu__item mark { color: var(--color-content-fg-bold); } -.layout-single-column .search__popout__menu__item .icon-button:active, -.layout-single-column .search__popout__menu__item .icon-button:focus, -.layout-single-column .search__popout__menu__item .icon-button:hover { +.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { background-color: transparent; color: var(--color-accent-fg); } -.layout-single-column .search__popout__menu__item.selected, -.layout-single-column .search__popout__menu__item:active, -.layout-single-column .search__popout__menu__item:focus, -.layout-single-column .search__popout__menu__item:hover, -.layout-single-column .search__popout__menu__item.selected mark, -.layout-single-column .search__popout__menu__item:active mark, -.layout-single-column .search__popout__menu__item:focus mark, -.layout-single-column .search__popout__menu__item:hover mark { +.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) { - .layout-single-column .search { + .app-body .search { margin-bottom: 0; } - .layout-single-column .explore__search-header { + .app-body .explore__search-header { padding-top: 2px; } - .layout-single-column .search__input { + .app-body .search__input { padding: 13px; } - .layout-single-column i.fa-search, - .layout-single-column i.fa.active { - color: var(--color-accent); - transform: scale(1); - top: 14px; + .app-body .explore__search-header { + padding: 10px 0; } - .layout-single-column .explore__search-header { - padding: 10px 0 0; + .app-body .search__icon .icon { + top: 11px; } } @media screen and (max-width:889px) { - .layout-single-column .explore__search-header { - padding: 10px 10px 0; + .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"])::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 */ -.layout-single-column .dismissable-banner { +.app-body .dismissable-banner { background-color: var(--color-accent); box-shadow: 0 5px var(--color-content-bg); - border-radius: 8px 8px 0 0; + border-radius: 0; border: 1px solid var(--color-lines); margin: 0; } -.layout-single-column .explore__links .dismissable-banner { +.app-body .explore__links .dismissable-banner { border: 0; - border-radius: 7px 7px 0 0; } @media screen and (max-width:889px) { - .layout-single-column .dismissable-banner, - .layout-single-column .explore__links .dismissable-banner { - border-radius: 0; + .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) { - .layout-single-column .dismissable-banner { - margin-top: 10px; - } - .layout-single-column .explore__links .dismissable-banner { + .app-body .explore__links .dismissable-banner { margin-top: 0; } } -.layout-single-column .dismissable-banner__message, -.layout-single-column .dismissable-banner__action .icon-button { - color: var(--color-accent-fg); -} -.layout-single-column .dismissable-banner__message h1 { - color: var(--color-accent-fg); +.app-body .dismissable-banner__message h1 { + color: var(--color-content-fg); margin-top: 10px; + margin-bottom: 8px; } -.layout-single-column .dismissable-banner__message__actions__wrapper { +.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; } -.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, rgba(247, 105, 2, 0.8), rgba(247, 105, 2, 0.5)); +.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; } -.layout-single-column .dismissable-banner__background-image { +.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; } -.layout-single-column .dismissable-banner__message__actions .button, -.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { +.app-body .dismissable-banner__message__actions .button, +.app-body .dismissable-banner__message__actions .button.button-tertiary { line-height: 28px; padding: 6px 17px; } -@media (prefers-color-scheme: dark) { - .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to top, rgba(230, 137, 51, .5), rgba(230, 137, 51, .3)); - } +.app-body .dismissable-banner__message__actions { + gap: 5px; } /* πŸ”” Notifications ---------------- */ -.layout-single-column .status.muted .status__content, -.layout-single-column .status.muted .status__content a, -.layout-single-column .status.muted .status__content p, -.layout-single-column .status.muted .status__display-name strong, -.layout-single-column .attachment-list__list a, -.layout-single-column .attachment-list.compact .fa { +.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); } -.layout-single-column .notification.unread::before, -.layout-single-column .status__wrapper.unread::before { +.app-body .notification.unread::before, +.app-body .status__wrapper.unread::before { background-color: var(--color-accent); width: 8px; border: 0; @@ -2902,174 +3358,240 @@ body.layout-single-column { left: 5px; z-index: 1; } -.layout-single-column .notification__message { - padding: 12px 12px 0; +.app-body .notification__message { + padding: 12px 12px 5px; background-color: var(--color-content-bg); color: var(--color-content-fg-bold); transition: all .3s; } -.layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .notification__display-name { +.app-body .notification__display-name { font-weight: bold; } -.layout-single-column .notification__report { +.app-body .notification__report { background-color: var(--color-content-bg); border-bottom: 0; padding-top: 10px; gap: 15px; } -.layout-single-column .notification__report__details { +.app-body .notification__report__details { color: var(--color-content-fg); } @media screen and (min-width:889px) { - .layout-single-column .notification__message { + .app-body .notification__message { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } - .layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .notification__report { + .app-body .notification__report { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } -.layout-single-column .notification__message .fa { +.app-body .notification__message .icon { color: var(--color-accent); -} -.layout-single-column .notification__favourite-icon-wrapper { - width: 56px; + width: 18px; + margin-left: 38px; text-align: right; + background-position: center right; } @media screen and (max-width:889px) { - .layout-single-column .notification__favourite-icon-wrapper { - width: 51px; + .app-body .notification__message .icon { + margin-left: 34px; } } -.layout-single-column .notification__favourite-icon-wrapper i.fa-star { - font-size: 15px; -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star::before { - line-height: 24px; - transform: scale(.8); -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-tasks::before { - content: var(--icon-poll-accent); - top: -1px; -} -.layout-single-column .notification .status__wrapper { +.app-body .notification .status__wrapper { padding-top: 0; } -.layout-single-column .notification-favourite .status__action-bar, -.layout-single-column .notification-reblog .status__action-bar, -.layout-single-column .notification-poll .status__action-bar, -.layout-single-column .notification-status .status__action-bar { +.app-body +:is(.notification-favourite, + .notification-reblog, + .notification-poll, + .notification-status) +.status__action-bar { display: none; } -.layout-single-column .account { +.app-body .account { background-color: var(--color-content-bg); border-bottom: 0; padding-left: 22px; padding-top: 4px; } -.layout-single-column .explore__search-results .account { +.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) { - .layout-single-column .account { + .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 */ -.layout-single-column .column-inline-form { +.app-body .column-inline-form { background-color: var(--color-accent-bg); border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; } @media screen and (max-width:1174px) { - .layout-single-column .column-inline-form { + .app-body .column-inline-form { margin-top: 10px; } } @media screen and (max-width:889px) { - .layout-single-column .column-inline-form { + .app-body .column-inline-form { margin-left: 10px; margin-right: 10px; } } -.layout-single-column .column-inline-form label input, -.layout-single-column .column-inline-form label input:focus { +.app-body .column-inline-form label :is(input, input:focus) { background-color: var(--color-content-bg); color: var(--color-content-fg); border-radius: 8px; } -.layout-single-column .column-inline-form label input:focus { - box-shadow: 0 0 0 2px var(--color-accent); +.app-body .column-inline-form label input:focus { + box-shadow: 0 0 0 1px var(--color-accent); } -.layout-single-column .column-subheading, -.layout-single-column .columns-area__panels__main .column-link { +.app-body :is(.column-subheading, .columns-area__panels__main .column-link) { background-color: var(--color-content-bg); color: var(--color-fg); } -.layout-single-column .column-subheading { +.app-body .item-list .column-subheading { color: var(--color-fg-muted); border: 1px solid var(--color-lines); + border-top: 0; border-bottom: 0; - border-radius: 8px 8px 0 0; +} +.app-body .getting-started .column-subheading { + color: var(--color-fg-muted); } @media screen and (max-width:889px) { - .layout-single-column .column-subheading { + .app-body .item-list .column-subheading { border-left: 0; border-right: 0; border-radius: 0; } } -.layout-single-column .columns-area__panels__main .column-link { +.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; } -.layout-single-column .columns-area__panels__main .column-link:hover { +.app-body .item-list .column-link:hover { background-color: var(--color-content-secondary-bg); color: var(--color-accent); } -.layout-single-column .columns-area__panels__main article:last-child .column-link { +.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) { - .layout-single-column .columns-area__panels__main .column-link { + .app-body .item-list .column-link { border-left: 0; border-right: 0; } - .layout-single-column .columns-area__panels__main article:last-child .column-link { + .app-body .item-list article:last-child .column-link { border-radius: 0; } } /* List adder dialog */ -.layout-single-column .list-adder, -.layout-single-column .list-adder__account, -.layout-single-column .list-adder__lists { +.app-body :is(.list-adder, .list-adder__account, .list-adder__lists) { background-color: var(--color-content-bg); color: var(--color-content-fg); } -.layout-single-column .list-adder__account { +.app-body .list-adder__account { margin-top: 12px; } -.layout-single-column .list-adder .column-inline-form { +.app-body .list-adder .column-inline-form { border-radius: 0; } .list-adder .list { @@ -3078,172 +3600,205 @@ body.layout-single-column { /* βž• Follow requests */ -.layout-single-column #Follow-requests { +.app-body #Follow-requests { margin-bottom: 0; z-index: 0; } -.layout-single-column .account-authorize__wrapper { - margin: 10px 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); } -.layout-single-column .account-authorize { +.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); - border-radius: 8px 8px 0 0; padding: 20px } -.layout-single-column .account--panel { - background-color: var(--color-accent-bg); +.app-body .account--panel { + background-color: var(--color-content-bg); border: 0; - border-radius: 0 0 8px 8px; + padding: 0 5px; } -.layout-single-column .account__header__content { +.app-body .account__header__content { color: var(--color-content-fg); } -.layout-single-column .account--panel__button:first-child .icon-button { - color: var(--color-accent); +.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) { - .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button { + .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, ... ----------------------------------------- */ -.layout-single-column .button, -.layout-single-column .account__header__tabs__buttons .icon-button { +.app-body .button, +.app-body .account__header__tabs__buttons .icon-button { border-radius: 8px; } -.layout-single-column .button, -.layout-single-column .button.logo-button, -.layout-single-column .rules-list li:before, -.layout-single-column .icon-with-badge__badge { +.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; } -.layout-single-column .button:disabled, -.layout-single-column .button.disabled { +.app-body .button:disabled, +.app-body .button.disabled { opacity: .7; } -.layout-single-column .text-icon-button.active, -.layout-single-column .button.button-tertiary, -.layout-single-column .account__header__fields a, -.layout-single-column .account__header__bio .account__header__fields a, -.layout-single-column .reply-indicator__content a.unhandled-link, -.layout-single-column .status__content a, -.layout-single-column .status__content a.hashtag, -.layout-single-column .status__content a.unhandled-link, -.layout-single-column .column-back-button, -.layout-single-column .about__section__title, -.layout-single-column .prose a, -.layout-single-column .column-link--transparent.active, -.layout-single-column .column-header > .column-header__back-button, -.layout-single-column .column-header__back-button, -.layout-single-column .interaction-modal__icon, -.layout-single-column .status__content a.mention, -.layout-single-column .status__content__read-more-button, -.layout-single-column .link-button, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button, -.layout-single-column .status__action-bar__dropdown .icon-button.active, -.layout-single-column .account__relationship .icon-button.active, -.layout-single-column .account__header__tabs__buttons .icon-button.active, -.layout-single-column .text-btn, -.layout-single-column .detailed-status__action-bar-dropdown .icon-button, -.layout-single-column .notification-bar-action { +.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); } -.layout-single-column .icon-button, -.layout-single-column .icon-button.inverted, -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { +.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); } -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { +.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; } -.layout-single-column .account__header__tabs__buttons .icon-button { - padding: 3px; +.app-body .account__header__tabs__buttons .icon-button { + padding: 6px; border: 0; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); } -.layout-single-column .account__header__tabs__buttons .icon-button:hover { +.app-body .account__header__tabs__buttons .icon-button:hover { background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .icon-button:active, -.layout-single-column .icon-button:focus, -.layout-single-column .icon-button:hover { +.app-body .icon-button:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .language-dropdown__dropdown { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item { +.app-body .language-dropdown__dropdown__results__item { border-radius: 8px; } -.layout-single-column .language-dropdown__dropdown__results__item.active, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item:active, -.layout-single-column .language-dropdown__dropdown__results__item:focus, -.layout-single-column .language-dropdown__dropdown__results__item:hover { +.app-body .language-dropdown__dropdown__results__item:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); } -.layout-single-column .language-dropdown__dropdown__results__item__native-name { +.app-body .language-dropdown__dropdown__results__item__native-name { font-weight: bold; } -.layout-single-column .language-dropdown__dropdown__results__item__common-name { +.app-body .language-dropdown__dropdown__results__item__common-name { opacity: .7; } -.layout-single-column .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item__native-name { +.app-body +:is(.language-dropdown__dropdown__results__item__common-name, + .language-dropdown__dropdown__results__item__native-name) { color: var(--color-content-fg); } -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__native-name { +.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); } -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__common-name { +.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); } -.layout-single-column .button:not(.button-secondary):active, -.layout-single-column .button:not(.button-secondary):focus, -.layout-single-column .button:not(.button-secondary):hover, -.layout-single-column .button.button-tertiary:active, -.layout-single-column .button.button-tertiary:focus, -.layout-single-column .button.button-tertiary:hover, -.layout-single-column .button.logo-button:active, -.layout-single-column .button.logo-button:focus, -.layout-single-column .button.logo-button:hover { +.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 */ -.layout-single-column .setting-toggle__label { +.app-body .setting-toggle__label { vertical-align: top; } -.layout-single-column .react-toggle-track { +.app-body .react-toggle-track { background-color: var(--color-accent-lines); box-shadow: 0 0 0 20px var(--color-accent-lines) inset, @@ -3251,124 +3806,144 @@ body.layout-single-column { 0 0 0 1px var(--color-accent-lines) inset, 0 0 0 1px var(--color-accent-lines) inset } -.layout-single-column .react-toggle-thumb { +.app-body .react-toggle-thumb { border: 0; } -.layout-single-column .react-toggle.react-toggle--checked .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { +.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); } -.layout-single-column .react-toggle--checked .react-toggle-thumb { +.app-body .react-toggle--checked .react-toggle-thumb { border-color: var(--color-accent); } -.layout-single-column .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { +.app-body .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { background-color: var(--color-accent-focus); } /* ⏺️ Radio buttons */ -.layout-single-column .radio-button { +.app-body .radio-button { color: var(--color-content-fg); } -.layout-single-column .radio-button__input { +.app-body .radio-button__input { border-width: 2px; border-color: var(--color-content-fg-muted); background-color: var(--color-content-bg); } -.layout-single-column .radio-button__input.checked { +.app-body .radio-button__input.checked { border-color: var(--color-accent); background-color: var(--color-accent); } -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__container__header, -.layout-single-column .dropdown-menu__item.edited-timestamp__history__item, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__item button { +.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); } -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__arrow:before { +.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; } -.layout-single-column .dropdown-menu__item a:active, -.layout-single-column .dropdown-menu__item a:focus, -.layout-single-column .dropdown-menu__item a:hover, -.layout-single-column .dropdown-menu__item button:active, -.layout-single-column .dropdown-menu__item button:focus, -.layout-single-column .dropdown-menu__item button:hover { +.app-body .dropdown-menu__item :is(a, button):is(:active, :focus, :hover) { background: var(--color-accent); color: var(--color-accent-fg); outline: 0; } -.layout-single-column .dropdown-menu__separator { +.app-body .dropdown-menu__separator { border-color: var(--color-content-secondary-separator); } -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, -.layout-single-column .privacy-dropdown__option.active, -.layout-single-column .privacy-dropdown__option.active:hover, -.layout-single-column .privacy-dropdown__option:hover { +.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); } -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, -.layout-single-column .privacy-dropdown .icon-button.inverted.active { +.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); +} -.layout-single-column .button.button-tertiary.button--confirmation, -.layout-single-column .button.button-tertiary.button--destructive { +.app-body .button.button-tertiary:is(.button--confirmation, .button--destructive) { background-color: transparent; } -.layout-single-column .button.button-tertiary.button--confirmation { +.app-body .button.button-tertiary.button--confirmation { color: #4e8a6b; background-color: rgba(121, 189, 154, 0.3); } -.layout-single-column .button.button-tertiary.button--destructive { +.app-body .button.button-tertiary.button--destructive { color: #df405a; background-color: rgba(223, 64, 90, 0.3); } -.layout-single-column .button.button-tertiary.button--confirmation:active, -.layout-single-column .button.button-tertiary.button--confirmation:focus, -.layout-single-column .button.button-tertiary.button--confirmation:hover { +.app-body .button.button-tertiary.button--confirmation:is(:active, :focus, :hover) { background-color: #79bd9a; color: #ffffff; } -.layout-single-column .button.button-tertiary.button--destructive:active, -.layout-single-column .button.button-tertiary.button--destructive:focus, -.layout-single-column .button.button-tertiary.button--destructive:hover { +.app-body .button.button-tertiary.button--destructive:is(:active, :focus, :hover) { background-color: #df405a; color: #ffffff; } @media (prefers-color-scheme: dark) { - .layout-single-column .button.button-tertiary.button--confirmation { + .app-body .button.button-tertiary.button--confirmation { color: #72cb9d; } - .layout-single-column .button.button-tertiary.button--destructive { + .app-body .button.button-tertiary.button--destructive { color: #f3637b; } } -.layout-single-column .app-body .block-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__secondary-button, -.layout-single-column .app-body .mute-modal__cancel-button { +.app-body .app-body +:is(.block-modal__cancel-button, + .confirmation-modal__cancel-button, + .confirmation-modal__secondary-button, + .mute-modal__cancel-button) { background-color: transparent; } -.layout-single-column .status__content a.hashtag { +.app-body .status__content a.hashtag { color: var(--color-accent); } @@ -3376,213 +3951,226 @@ body.layout-single-column { /* πŸ–±οΈ Interaction modals --------------------- */ -.layout-single-column .interaction-modal { - background-color: var(--color-content-bg); - border: 0; +.app-body .modal-root__modal { + border: 1px solid var(--color-lines); } -.layout-single-column .interaction-modal, -.layout-single-column .interaction-modal__lead h3 { +.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); } -.layout-single-column .interaction-modal__lead p, -.layout-single-column .interaction-modal__choices__choice p { +.app-body .interaction-modal__lead p, +.app-body .interaction-modal__choices__choice p { color: var(--color-fg); } -.layout-single-column .interaction-modal p { +.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); } -.layout-single-column .interaction-modal p.hint { +.app-body .interaction-modal p.hint { color: var(--color-content-fg-muted); } -.layout-single-column .interaction-modal .button, -.layout-single-column .interaction-modal .button.button-tertiary { +.app-body .interaction-modal :is(.button, .button.button-tertiary) { padding: 10px 18px; } -.layout-single-column .interaction-modal .button.button-tertiary:hover { +.app-body .interaction-modal .button.button-tertiary:hover { background-color: var(--color-content-secondary-separator); } -.layout-single-column .copypaste input, -.layout-single-column .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); +.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; } -.layout-single-column .interaction-modal__login.expanded .interaction-modal__login__input { +.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; } -.layout-single-column .interaction-modal__login__input input::placeholder { - color: var(--color-accent); +.app-body .interaction-modal__login__input input::placeholder { + color: var(--color-content-fg-muted); } -.layout-single-column .interaction-modal__login.focused .interaction-modal__login__input { +.app-body .interaction-modal__login.focused .interaction-modal__login__input { background-color: var(--color-content-bg); border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); } -.layout-single-column .interaction-modal__login .search__popout { +.app-body .interaction-modal__login .search__popout { border-color: var(--color-lines); } -.layout-single-column .interaction-modal .copypaste button { +.app-body .interaction-modal .copypaste button { padding: 8px 18px; } -.layout-single-column .modal-root__overlay { - background-color: hsla(0, 0%, 1%, 0.7); +.app-body .modal-root__overlay { + background-color: hsla(0, 0%, 23.5%, 0.7); } -.layout-single-column .modal-root__modal, -.layout-single-column .boost-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { +@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); } -.layout-single-column .boost-modal__container { +.app-body .boost-modal__container { margin-bottom: -11px; } -.layout-single-column .confirmation-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { +.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); } -.layout-single-column .block-modal__action-bar, -.layout-single-column .boost-modal__action-bar, -.layout-single-column .confirmation-modal__action-bar, -.layout-single-column .mute-modal__action-bar { +.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); } -.layout-single-column .block-modal__action-bar > div, -.layout-single-column .boost-modal__action-bar > div, -.layout-single-column .confirmation-modal__action-bar > div, -.layout-single-column .mute-modal__action-bar > div, -.layout-single-column .boost-modal__container .status__content__text, -.layout-single-column .boost-modal__container .display-name strong.display-name__html, -.layout-single-column .boost-modal__container .status__info, -.layout-single-column .boost-modal__container .status__relative-time time, -.layout-single-column .boost-modal__container .status.light .status__visibility-icon { +.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); } -.layout-single-column .actions-modal ul li:not(:empty) a { +.app-body .actions-modal ul li:not(:empty) a { color: var(--color-content-fg); } -.layout-single-column .actions-modal ul li:not(:empty) a.active, -.layout-single-column .actions-modal ul li:not(:empty) a.active button, -.layout-single-column .actions-modal ul li:not(:empty) a:active, -.layout-single-column .actions-modal ul li:not(:empty) a:active button, -.layout-single-column .actions-modal ul li:not(:empty) a:focus, -.layout-single-column .actions-modal ul li:not(:empty) a:focus button, -.layout-single-column .actions-modal ul li:not(:empty) a:hover, -.layout-single-column .actions-modal ul li:not(:empty) a:hover button { +.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 */ -.layout-single-column .modal-root__modal.media-modal { +.app-body .modal-root__modal.media-modal { background-color: rgba(255, 255, 255, .8); } -.layout-single-column .media-modal__overlay .picture-in-picture__footer { +.app-body .media-modal__overlay .picture-in-picture__footer { background-color: transparent; } -.layout-single-column .media-modal__nav, -.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button { +.app-body .media-modal__nav, +.app-body .media-modal__overlay .picture-in-picture__footer .icon-button { color: var(--color-content-fg); } -.layout-single-column .media-modal__page-dot { +.app-body .media-modal__page-dot { background-color: var(--color-content-fg); } @media (prefers-color-scheme: dark) { - .layout-single-column .modal-root__modal.media-modal { + .app-body .modal-root__modal.media-modal { background-color: rgba(0, 0, 0, .6); } } /* Report modals */ -.layout-single-column .report-dialog-modal__container { +.app-body .report-dialog-modal__container { border-top: 0; } -.layout-single-column .report-dialog-modal__lead { +.app-body .report-dialog-modal__lead { color: var(--color-content-fg-muted); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option { +.app-body .report-dialog-modal .poll__option.dialog-option { border-color: var(--color-lines); - border-width: 3px; } -.layout-single-column .report-dialog-modal .dialog-option .poll__input { +.app-body .report-dialog-modal .dialog-option .poll__input { border-color: var(--color-accent); } -.layout-single-column .report-dialog-modal .dialog-option .poll__input.active { +.app-body .report-dialog-modal .dialog-option .poll__input.active { border-color: var(--color-accent); background-color: var(--color-accent); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text { +.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text { color: var(--color-content-fg); } -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { +.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { color: var(--color-content-fg-bold) } -.layout-single-column .report-modal__comment, -.layout-single-column .report-modal__container { +.app-body .report-modal__comment, +.app-body .report-modal__container { border-color: var(--color-lines); } -.layout-single-column .report-modal__comment .setting-text-label { +.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 */ -.layout-single-column .picture-in-picture { +.app-body .picture-in-picture { box-shadow: 0 0 5px rgba(0, 0, 0, .2); border-radius: 8px; } -.layout-single-column .picture-in-picture__footer, -.layout-single-column .picture-in-picture__header { +.app-body .picture-in-picture__footer, +.app-body .picture-in-picture__header { background-color: var(--color-content-bg); } -.layout-single-column .picture-in-picture__header .display-name span { +.app-body .picture-in-picture__header .display-name span { color: var(--color-content-fg-muted); } /* ⏯️ Video controls */ -.layout-single-column .video-player__seek__progress, -.layout-single-column .video-player__volume__handle, -.layout-single-column .video-player__volume__current, -.layout-single-column .video-player__seek__handle { +.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 ------- */ -.layout-single-column .link-footer p, -.layout-single-column .link-footer a { +.app-body .link-footer p, +.app-body .link-footer a { color: var(--color-fg-muted); } /* Server banner */ -.layout-single-column .server-banner__introduction { +.app-body .server-banner__introduction { display: none; } -.layout-single-column .server-banner { +.app-body .server-banner { padding: 0 0 20px; } -.layout-single-column .server-banner__hero { +.app-body .server-banner__hero { border-radius: 8px 8px 0 0; margin-bottom: 0; } -.layout-single-column .server-banner__description { +.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); } -.layout-single-column .server-banner__meta { +.app-body .server-banner__meta { padding: 0 15px 20px; background-color: var(--color-content-bg); border-left: 1px solid var(--color-lines); @@ -3593,55 +4181,53 @@ body.layout-single-column { border-radius: 0 0 8px 8px; align-items: end; } -.layout-single-column .server-banner h4 { +.app-body .server-banner h4 { color: var(--color-fg); font-size: 80%; } -.layout-single-column .server-banner__number { +.app-body .server-banner__number { color: var(--color-content-fg-bold); } -.layout-single-column .server-banner__number-label { +.app-body .server-banner__number-label { color: var(--color-content-fg); } -.layout-single-column .server-banner .account { +.app-body .server-banner .account { background-color: transparent; box-shadow: none; padding: 0; border-left: 0; border-right: 0; } -.layout-single-column .server-banner__meta__column:first-child { +.app-body .server-banner__meta__column:first-child { width: calc(60% - 5px); } -.layout-single-column .server-banner__meta__column:nth-child(2) { +.app-body .server-banner__meta__column:nth-child(2) { width: calc(40% - 5px); } -.layout-single-column .server-banner .button.button-secondary { +.app-body .server-banner .button.button-secondary { padding: 10px; margin: 10px 0; } -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { +.app-body .button.button-secondary, +.app-body .button.button-tertiary { border: 0; background-color: var(--color-accent-bg); color: var(--color-accent); } -.layout-single-column .button.button-secondary:hover, -.layout-single-column .button.button-tertiary:hover { - background-color: var(--color-content-bg); +.app-body .button:is(.button-secondary, .button-tertiary):hover { + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } -.layout-single-column .sign-in-banner .button, -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { +.app-body .sign-in-banner .button, +.app-body .button:is(.button-secondary, .button-tertiary) { padding: 10px 18px; } @media screen and (max-width:1174px) { - .layout-single-column .button.button-tertiary { + .app-body .button.button-tertiary { padding: 7px 18px; } } -.layout-single-column .sign-in-banner p { +.app-body .sign-in-banner p { color: var(--color-fg); opacity: .5; } @@ -3649,138 +4235,192 @@ body.layout-single-column { /* πŸ€— Onboarding */ -.layout-single-column .scrollable.follow-recommendations-container, -.layout-single-column .column-list { +.app-body .scrollable.follow-recommendations-container, +.app-body .column-list { background-color: var(--color-content-bg); } -.layout-single-column .column-title .logo { +.app-body .column-title .logo { display: none; } -.layout-single-column .column-title h3, -.layout-single-column .column-title p { +.app-body .column-title h3, +.app-body .column-title p { color: var(--color-content-fg); } -.layout-single-column .column-list { +.app-body .column-list { border: 0; } -.layout-single-column .account__note { +.app-body .account__note { color: var(--color-content-fg-muted); } -.layout-single-column .onboarding__steps__item, -.layout-single-column .onboarding__link { +.app-body .onboarding__steps__item, +.app-body .onboarding__link { background-color: var(--color-content-secondary-bg); transition: all .2s; } -.layout-single-column .onboarding__steps__item:active, -.layout-single-column .onboarding__steps__item:focus, -.layout-single-column .onboarding__steps__item:hover, -.layout-single-column .onboarding__link:active, -.layout-single-column .onboarding__link:focus, -.layout-single-column .onboarding__link:hover { +.app-body .onboarding__steps__item:is(:active, :focus, :hover), +.app-body .onboarding__link:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); } -.layout-single-column .onboarding__steps__item__icon, -.layout-single-column .onboarding__steps__item__description h6, -.layout-single-column .onboarding__link { +.app-body .onboarding__steps__item__icon, +.app-body .onboarding__link { color: var(--color-accent); } -.layout-single-column .onboarding__steps__item__description p, -.layout-single-column .onboarding__lead, -.layout-single-column .onboarding__lead strong { +.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); } -.layout-single-column .onboarding__steps__item__go svg path, -.layout-single-column .onboarding__link svg path { +.app-body .onboarding__steps__item__go svg path, +.app-body .onboarding__link svg path { fill: var(--color-accent); } -.layout-single-column .follow-recommendations { +.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); } -.layout-single-column .follow-recommendations .account { +.app-body .follow-recommendations .account { border-left: 0; border-right: 0; margin-bottom: 15px; } -.layout-single-column .follow-recommendations .account__note { +.app-body .follow-recommendations .account__note { color: var(--color-content-fg); opacity: .7; } -.layout-single-column .follow-recommendations .account__note p { +.app-body .follow-recommendations .account__note p { overflow: hidden; } -.layout-single-column .copy-paste-text { +.app-body .copy-paste-text { background-color: var(--color-accent-bg); border-color: var(--color-accent-lines); color: var(--color-content-fg); } -.layout-single-column .copy-paste-text:focus, -.layout-single-column .copy-paste-text:active, -.layout-single-column .tip-carousel:focus { +.app-body .copy-paste-text:is(:focus, :active), +.app-body .tip-carousel:focus { border-color: var(--color-accent); } -.layout-single-column .copy-paste-text:has(textarea:focus) { +.app-body .copy-paste-text:has(textarea:focus) { border-color: var(--color-accent); } /* πŸ“’ Announcements */ -.layout-single-column .announcements, -.layout-single-column .announcements::after { - background-color: var(--color-accent-bg); +.app-body .announcements, +.app-body .announcements::after { + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } -.layout-single-column .announcements { - margin-top: 10px; - border-radius: 8px; +.app-body .announcements { overflow: visible; z-index: 0; box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); } -.layout-single-column .announcements__item strong { +.app-body .announcements__item strong { font-weight: 800; color: var(--color-content-fg-bold); } -.layout-single-column .announcements__item__unread { +.app-body .announcements__item__unread { color: var(--color-accent); } -.layout-single-column .announcements__pagination, -.layout-single-column .announcements__pagination .icon-button { +.app-body .announcements__pagination, +.app-body .announcements__pagination .icon-button { color: var(--color-content-fg); } -.layout-single-column .announcements__mastodon { +.app-body .announcements__mastodon { border-radius: 0 0 0 8px; } -.layout-single-column .reactions-bar__item { +.app-body .reactions-bar__item { background-color: var(--color-content-bg); } -.layout-single-column .reactions-bar__item.active { +.app-body .reactions-bar__item.active { background-color: var(--color-accent); } -.layout-single-column .reactions-bar__item__count, -.layout-single-column .reactions-bar__item__count .animated-number { +.app-body .reactions-bar__item__count, +.app-body .reactions-bar__item__count .animated-number { color: var(--color-content-fg); } -.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number { +.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number { color: var(--color-accent-fg); } -.layout-single-column .reactions-bar .emoji-button, -.layout-single-column .announcements__item__content a.unhandled-link, -.layout-single-column .announcements__item__content a { +.app-body .reactions-bar .emoji-button, +.app-body .announcements__item__content a.unhandled-link, +.app-body .announcements__item__content a { color: var(--color-accent); } -.layout-single-column .announcements .emoji-button { +.app-body .announcements .emoji-button { margin: 0; } @media screen and (max-width:1174px) { - .layout-single-column .announcements { + .app-body .announcements { box-shadow: none; - margin-top: -10px; + margin-top: -4px; border-radius: 0; } - .layout-single-column .announcements__mastodon { + .app-body .announcements__mastodon { border-radius: 0; } } @@ -3788,175 +4428,195 @@ body.layout-single-column { /* 404 */ -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { +.app-body .empty-column-indicator, +.app-body .error-column { background-color: var(--color-content-bg); color: var(--color-content-fg); + margin-top: -1px; } -.layout-single-column .error-column { +.app-body .error-column { border: 1px solid var(--color-lines); border-radius: 8px !important; } -.layout-single-column .error-column__message h1, -.layout-single-column .error-column__message { +.app-body .error-column__message h1, +.app-body .error-column__message { color: var(--color-content-fg); } -.layout-single-column .error-column__image { +.app-body .error-column__image { margin-top: 0; } @media screen and (max-width:889px) { - .layout-single-column .error-column { + .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 ------------- */ -.layout-single-column .scrollable.about { +.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) { - .layout-single-column .scrollable.about { + .app-body .scrollable.about { border-left: 0; border-right: 0; } } -.layout-single-column .about__header { +.app-body .about__header { order: 1; margin-bottom: 10px; } -.layout-single-column .about__section:nth-child(3) { +.app-body .about__section:nth-child(3) { order: 3; } -.layout-single-column .about__meta { +.app-body .about__meta { order: 2; } -.layout-single-column .about__section:nth-child(4) { +.app-body .about__section:nth-child(4) { order: 4; } -.layout-single-column .about__section:nth-child(5) { +.app-body .about__section:nth-child(5) { order: 5; } -.layout-single-column .link-footer { +.app-body .about .link-footer { order: 6; } -.layout-single-column .about__footer { +.app-body .about__footer { order: 7; } -.layout-single-column .about__header h1, -.layout-single-column .about__header p, -.layout-single-column #mastodon > div > div > div.columns-area__panels > div.columns-area__panels__main > div.columns-area.columns-area--mobile > div > div > div.about__section.active:nth-of-type(3) > div.about__section__title { +.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; } -.layout-single-column .about__header p, -.layout-single-column .about__meta h4 { +.app-body .about__header p, +.app-body .about__meta h4 { color: var(--color-fg); } -.layout-single-column .about__header__hero { +.app-body .about__header__hero { margin: -20px -20px 20px; width: calc(100% + 40px); border-radius: 0; background-color: var(--color-content-bg); } -.layout-single-column .about__header__hero, -.layout-single-column .about__meta { +.app-body .about__header__hero, +.app-body .about__meta { margin-bottom: 10px; } -.layout-single-column .about__header h1 { +.app-body .about__header h1 { margin-bottom: 0; } @media screen and (min-width:890px) { - .layout-single-column .scrollable.about { + .app-body .scrollable.about { border-radius: 8px !important; } - .layout-single-column .about__header__hero { + .app-body .about__header__hero { border-radius: 8px 8px 0 0; } } -.layout-single-column .about__mail { +@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); } -.layout-single-column .about__meta h4 { +.app-body .about__meta h4 { font-size: 12px; font-weight: bold; margin-bottom: 8px; } -.layout-single-column .about__meta .account { +.app-body .about__meta .account { background: none; box-shadow: none; padding: 0; border-left: 0; border-right: 0; } -.layout-single-column .about__meta__divider { +.app-body .about__meta__divider { border-left: 3px solid var(--color-content-secondary-separator); } @media screen and (max-width:600px) { - .layout-single-column .about__meta__divider { + .app-body .about__meta__divider { border-top: 3px solid var(--color-content-secondary-separator); width: 90%; } } -.layout-single-column .about__section:nth-child(3) .about__section__body { +.app-body .about__section:nth-child(3) .about__section__body { padding-bottom: 3em; } -.layout-single-column .about__meta, -.layout-single-column .about__section__title { +.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; } -.layout-single-column .about__section.active .about__section__title { +.app-body .about__section.active .about__section__title { border-radius: 8px 8px 0 0; } -.layout-single-column .about__section.active:not(:nth-of-type(3)) .about__section__body { +.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; } -.layout-single-column .prose, -.layout-single-column .prose p, -.layout-single-column .prose b, -.layout-single-column .prose h1, -.layout-single-column .prose h2, -.layout-single-column .prose h3, -.layout-single-column .prose h4, -.layout-single-column .prose h5, -.layout-single-column .prose h6, -.layout-single-column .prose strong, -.layout-single-column .rules-list, -.layout-single-column .about__domain-blocks__domain h6, -.layout-single-column .about__domain-blocks__domain__type { +.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); } -.layout-single-column .prose ul>li:before { +.app-body .prose ul>li:before { background-color: var(--color-fg); } -.layout-single-column .about__section__body .prose hr { +.app-body .about__section__body .prose hr { border-color: var(--color-content-secondary-separator); margin-top: 2em; margin-bottom: 2em; border-width: 3px; } -.layout-single-column .about__section__body .prose a, -.layout-single-column .about__section__body .prose a:hover, -.layout-single-column .prose a strong { +.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; } -.layout-single-column .about__section__body .prose a:hover { +.app-body .about__section__body .prose a:hover { text-decoration: underline; } -.layout-single-column .about__section__body .prose small.lang_label { +.app-body .about__section__body .prose small.lang_label { margin-left: -2em; margin-top: 1px; display: block; @@ -3968,11 +4628,11 @@ body.layout-single-column { .about__section.active .about__section__title { background-color: var(--color-accent-bg); } -.layout-single-column .rules-list li { +.app-body .rules-list li { border-bottom: 2px solid var(--color-accent-lines); padding: 1em 1.75em 1em 3.4em; } -.layout-single-column .rules-list li:last-child { +.app-body .rules-list li:last-child { border-bottom: 0; } .about__domain-blocks { @@ -3990,20 +4650,235 @@ body.layout-single-column { /* Privacy Policy page */ -.layout-single-column .column > .scrollable.privacy-policy { +.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 */ -.layout-single-column div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr, -.layout-single-column .navigation-panel__legal > hr, -.layout-single-column .about__footer, /* Hide meta footer */ -.layout-single-column .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */ -.layout-single-column .search-banner ~ .search, /* Hide search field for logged out users */ -.layout-single-column .getting-started__trends h4, /* Hide Trending header in sidebar */ -.layout-single-column .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ { +.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/art/Screenshots/TangerineUI-cherry.png b/art/Screenshots/TangerineUI-cherry.png new file mode 100644 index 0000000..d15d407 Binary files /dev/null and b/art/Screenshots/TangerineUI-cherry.png differ diff --git a/art/Screenshots/TangerineUI-purple.png b/art/Screenshots/TangerineUI-purple.png new file mode 100644 index 0000000..cf134df Binary files /dev/null and b/art/Screenshots/TangerineUI-purple.png differ diff --git a/art/Screenshots/TangerineUI-tangerine.png b/art/Screenshots/TangerineUI-tangerine.png new file mode 100644 index 0000000..7d27377 Binary files /dev/null and b/art/Screenshots/TangerineUI-tangerine.png differ diff --git a/mastodon/app/javascript/styles/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry.scss new file mode 100644 index 0000000..1053b4d --- /dev/null +++ b/mastodon/app/javascript/styles/tangerineui-cherry.scss @@ -0,0 +1,2 @@ +@import 'application'; +@import 'tangerineui-cherry/tangerineui-cherry.scss'; diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss new file mode 100644 index 0000000..8faf7b6 --- /dev/null +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -0,0 +1,4881 @@ +/* TangerineUI 🍊 for Mastodon ・ Cherry variant πŸ’ + version: 2.0.0-pre + + A Tangerine redesign for Mastodon's Web UI. + https://github.com/nileane/TangerineUI-for-Mastodon/ + + by @nileane@nileane.fr + + Compatible with: Mastodon v4.3.0 βœ… +*/ + + +/* 🎨 Colors */ +:root { + --color-bg: #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-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); + } +} + + +/* πŸ“ 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% - 4em); +} +.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); +} + +/* πŸ“Š 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:focus { + box-shadow: 0 0 0 2px 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; +} + + + +/* 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; + } +} +.app-body .columns-area__panels__main .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: 22px 20px 24px; + 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 (min-width:890px) and (max-width:1174px) { + .app-body .hashtag-header { + margin-top: 15px; + } +} +@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"])::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 + ------- */ +.app-body .link-footer p, +.app-body .link-footer a { + color: var(--color-fg-muted); +} + +/* 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: 2px 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/mastodon/app/javascript/styles/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple.scss index 5f40e67..a0e1670 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple.scss @@ -1,2 +1,2 @@ @import 'application'; -@import 'tangerineui-purple/layout-single-column.scss'; +@import 'tangerineui-purple/tangerineui-purple.scss'; diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss deleted file mode 100644 index 1b0d158..0000000 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ /dev/null @@ -1,4009 +0,0 @@ -/* TangerineUI 🍊 for Mastodon ・ Purple variant πŸͺ» - version: 1.9.5 - - A Tangerine redesign for Mastodon's Web UI. - https://github.com/nileane/TangerineUI-for-Mastodon/ - - by @nileane@nileane.fr - - Compatible with: Mastodon v4.2.1 βœ… -*/ - - -/* 🎨 Colors */ -:root { - --color-bg: #f2eff5; - --color-fg: #2a2d37; - --color-fg-muted: #888494; - --color-secondary-bg: #e8e4f2; - --color-secondary-separator: #dfdbed; - - --color-content-bg: #ffffff; - --color-content-fg: #444a5a; - --color-content-fg-bold: #000000; - --color-content-fg-muted: #8b92a7; - --color-content-secondary-bg: #f5f4f9; - --color-content-secondary-separator: rgba(223, 219, 237, 0.4); - --color-content-bg-focus: #fffcfa; - - --color-accent: #6364ff; - --color-accent-focus: #563acc; - --color-accent-lines: rgba(99, 100, 255, 0.12); - --color-accent-bg: #e5ddf6; - --color-accent-fg: #ffffff; - - --color-lines: #e1dde4; - -} -@media (prefers-color-scheme: dark) { - :root { - --color-bg: #030303; - --color-fg: #d6d2e0; - --color-fg-muted: #655e6e; - --color-secondary-bg: #1e162b; - --color-secondary-separator: #26232e; - - --color-content-bg: #111111; - --color-content-fg: #f2f2f2; - --color-content-fg-bold: #ffffff; - --color-content-fg-muted: #737373; - --color-content-secondary-bg: #22212f; - --color-content-secondary-separator: rgba(64, 62, 89, 0.4); - --color-content-bg-focus: #1b1b1b; - - --color-accent: #7a7af9; - --color-accent-focus: #5a47ff; - --color-accent-lines: rgba(122, 122, 249, 0.3); - --color-accent-bg: #261f3c; - --color-accent-fg: #ffffff; - - --color-lines: #343434; - } -} -:root { - --logo: url('data:image/svg+xml, %3Csvg class="mastodon-logo" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 216.4144 232.00976"%3E%3Cdefs xmlns="http://www.w3.org/2000/svg"%3E%3ClinearGradient xmlns="http://www.w3.org/2000/svg" id="gradient" x2="0%25" y2="100%25" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0%25" stop-color="%23595aff"%3E%3C/stop%3E%3Cstop offset="100%25" stop-color="%23595aff"%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns="http://www.w3.org/2000/svg" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="url(%23gradient)"%3E%3C/path%3E%3Cpath d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="%23fff"%3E%3C/path%3E%3C/svg%3E'); - - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23282C37" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23282C37" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23282C37" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23282C37; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%236364ff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-active: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23F91880; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 2.942,1.19 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.132,-1.141 2.399,-4.08 2.681,-6.645c0.025,-0.227 0.042,-0.451 0.051,-0.671c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-4.948,2.976c1.093,-0 1.98,0.887 1.98,1.98c0,1.093 -0.887,1.98 -1.98,1.98c-1.093,-0 -1.98,-0.887 -1.98,-1.98c0,-1.093 0.887,-1.98 1.98,-1.98Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M6.194,17.686c1.126,1.126 3.356,0.784 2.229,1.911c-1.126,1.126 -4.134,2.305 -5.261,1.179c-1.126,-1.127 0.053,-4.135 1.179,-5.261c1.127,-1.127 0.727,1.045 1.853,2.171Z'/%3E%3C/svg%3E"); - --icon-boost-status: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-wrapper: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2300ba7c' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23282C37' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23282C37'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%236364ff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%236364ff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23282C37' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23282C37" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236364ff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%236364ff"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%236364ff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%236364ff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%236364ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23282C37'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23282C37" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236364ff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ba7c' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%236364ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%236364ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23282C37" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%236364ff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ffb609" stroke="%23ffb609" stroke-width="4" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282C37' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23444a5a;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%236364ff;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); -} -@media (prefers-color-scheme: dark) { - :root { - --logo: url('data:image/svg+xml, %3Csvg class="mastodon-logo" xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" viewBox="0 0 216.4144 232.00976"%3E%3Cdefs xmlns="http://www.w3.org/2000/svg"%3E%3ClinearGradient xmlns="http://www.w3.org/2000/svg" id="gradient" x2="0%25" y2="100%25" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0%25" stop-color="%23595aff"%3E%3C/stop%3E%3Cstop offset="100%25" stop-color="%23595aff"%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns="http://www.w3.org/2000/svg" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" fill="url(%23gradient)"%3E%3C/path%3E%3Cpath d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675" fill="%23fff"%3E%3C/path%3E%3C/svg%3E'); - - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23ffffff" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23ffffff" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23ffffff" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23ffffff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%236b6cfb; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23ffffff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23ffffff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%236b6cfb' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%236b6cfb'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23ffffff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b6cfb' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%236b6cfb"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%236364ff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%236364ff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%236364ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b6cfb" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%236b6cfb" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%236b6cfb" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23ffffff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%236b6cfb" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f2f2f2;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%236b6cfb;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - } -} - -body.layout-single-column { - background-color: var(--color-bg); - color: var(--color-fg); - font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif; -} - -/* πŸ–±οΈ Scrollbars */ -:root:has(.layout-single-column) *::-webkit-scrollbar-track { - background-color: var(--color-bg); - padding: 2px; -} -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb { - background-color: var(--color-accent); - border-radius: 50px; - opacity: .4; -} -:root:has(.layout-single-column) *::-webkit-scrollbar-track:hover { - background-color: var(--color-bg); -} -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb:hover { - background-color: var(--color-accent); - opacity: .7; -} -@media screen and (max-width:1174px) { - :root:has(.layout-single-column) *::-webkit-scrollbar { - display: none; - } -} - -/* πŸ’¨ Loading bar */ -.layout-single-column .loading-bar { - background-color: var(--color-accent); -} - -/* Resetting borders */ -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator, -.layout-single-column .audio-player, -.layout-single-column .compose-form .spoiler-input__input, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__poll-wrapper select, -.layout-single-column .poll__option input[type=text], -.layout-single-column .report-dialog-modal__textarea, -.layout-single-column .search__input, -.layout-single-column .setting-text, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .about__section__body { - border: 0; -} -.layout-single-column .column-inline-form, -.layout-single-column .column>.scrollable, -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator { - background: transparent; -} - -/* Round avatars */ -.layout-single-column .account__avatar img { - border-radius: 50%; -} - -/* Rordered layout */ -.layout-single-column .columns-area__panels__pane--navigational { - order: 1; -} -.layout-single-column .columns-area__panels__main { - order: 2; -} -.layout-single-column .columns-area__panels__pane--compositional { - order: 3; -} -.layout-single-column .columns-area--mobile .column { - flex: unset; - height: auto; -} -.layout-single-column .columns-area--mobile .column:focus-within { - overflow: visible; -} -.layout-single-column .scrollable, -.layout-single-column .column > .scrollable { - max-height: max-content; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .dismissable-banner + .scrollable { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - - -/* *️⃣ Icons - -------- */ -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-share-alt:before, -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-star:before, -.layout-single-column i.fa-retweet:before { - content: " "; - display: inline-block; - width: 23px; - height: 23px; - background-repeat: no-repeat; - background-position: center; -} -.layout-single-column i.fa { - background-repeat: no-repeat; -} -.layout-single-column .detailed-status__link .fa:before { - content: " "; - width: 13px; - height: 13px; - margin-bottom: -2px; - background-size: contain; -} -/* Replace bookmark icon */ -.layout-single-column i.fa-bookmark:before { - background-image: var(--icon-bookmark); - background-size: 80%; - background-position: center 55%; -} -.layout-single-column .detailed-status__button i.fa-bookmark:before { - background-image: var(--icon-bookmark-accent); -} -.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { - background-image: var(--icon-bookmark-active); -} -/* Replace share icon */ -.layout-single-column i.fa-share-alt:before { - background-image: var(--icon-share); -} -.layout-single-column .detailed-status__button i.fa-share-alt:before { - background-image: var(--icon-share-accent); -} -/* Replace star icon */ -.layout-single-column i.fa-star:before { - background-image: var(--icon-star); - text-align: center; - line-height: 34px; -} -.layout-single-column .detailed-status__button i.fa-star:before { - background-size: 75%; - background-image: var(--icon-star-accent); -} -.layout-single-column button.icon-button.active i.fa-star:before, -.layout-single-column .notification i.fa-star:before { - background-image: var(--icon-star-active); -} -.layout-single-column .detailed-status__link i.fa.fa-star:before { - content: " "; - transform: scale(.9); -} -/* Replace retweet icon */ -.layout-single-column i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost); - background-position: center; -} -.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-accent); -} -.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-active); - background-position: center; -} -.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw, -.layout-single-column .notification i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-active); - transform: scale(.9) translate(0, -1px); -} -.layout-single-column .detailed-status__link .fa.fa-retweet:before { - background-image: var(--icon-boost); -} -.layout-single-column button.icon-button.reblogPrivate i.fa-retweet, -.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet, -.layout-single-column button.icon-button.disabled i.fa-retweet, -.layout-single-column button.icon-button.disabled:hover i.fa-retweet { - background-image: var(--icon-boost); - opacity: .2; - pointer-events: none; -} -.layout-single-column .boost-modal__action-bar .fa-retweet { - background-image: var(--icon-boost); - vertical-align: middle; -} -/* Replace reply icon */ -.layout-single-column i.fa-mail-reply::before, -.layout-single-column i.fa-reply::before, -.layout-single-column i.fa-reply-all::before { - content: var(--icon-reply); - position: relative; - top: 3px; -} -.layout-single-column .detailed-status__button i.fa-reply::before, -.layout-single-column .detailed-status__button i.fa-reply-all::before { - content: var(--icon-reply-accent); -} - - -/* Home icon */ -.layout-single-column .column-link .fa-home::before { - content: var(--icon-home); -} -.layout-single-column .column-link.active .fa-home::before { - content: var(--icon-home-column-link-active); -} -.layout-single-column .fa-home.column-header__icon:before { - content: var(--icon-home-notification-active); -} -/* Federated icon */ -.layout-single-column .column-link .fa-globe::before { - content: var(--icon-globe); -} -.layout-single-column .fa-globe.column-header__icon:before { - content: var(--icon-globe); -} -/* Local icon */ -.layout-single-column .fa-group.column-header__icon:before, -.layout-single-column .fa-users.column-header__icon:before { - content: var(--icon-users-column-link-active); -} -/* Explore icon */ -.layout-single-column .column-link .fa-hashtag::before { - content: var(--icon-hashtag); -} -.layout-single-column .column-link.active .fa-hashtag::before { - content: var(--icon-hashtag-active); -} -.layout-single-column .fa-hashtag.column-header__icon:before { - content: var(--icon-hashtag-active); -} -/* Search icon */ -.layout-single-column .column-link i.fa-search { - transform: scale(1); -} -.layout-single-column .column-link .fa.fa-search::before { - content: var(--icon-search); - left: 2px; -} -.layout-single-column .column-link.active .fa.fa-search::before { - content: var(--icon-search); -} -.layout-single-column .column-header__icon.fa-search { - vertical-align: baseline; - color: var(--color-content-fg); -} -/* Local icon */ -.layout-single-column .column-link .fa-users::before { - content: var(--icon-users-column-link); -} -.layout-single-column .column-link.active .fa-users::before { - content: var(--icon-users-column-link-active); -} -/* Notifications icon */ -.layout-single-column .column-link .fa-bell::before { - content: var(--icon-bell); -} -.layout-single-column .column-link.active .fa-bell::before { - content: var(--icon-bell-active); -} -.layout-single-column .fa-bell.column-header__icon:before { - content: var(--icon-bell-active); -} -/* Direct messages icon */ -.layout-single-column .column-link .fa-at::before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.column-header__icon:before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.status__prepend-icon { - transform: scale(.7); -} -.layout-single-column .fa-at.status__prepend-icon::before { - content: var(--icon-direct-messages); -} -/* Bookmarks icon */ -.layout-single-column .column-link .fa-bookmark::before { - content: var(--icon-bookmark-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-bookmark::before { - content: var(--icon-bookmark-column-link-active); -} -.layout-single-column .fa-bookmark.column-header__icon:before { - content: var(--icon-bookmark-column-link-active); -} -/* Favorites icon */ -.layout-single-column .column-link .fa-star::before { - content: var(--icon-star-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-star::before { - content: var(--icon-star-column-link-active); -} -.layout-single-column .fa-star.column-header__icon:before { - content: var(--icon-star-column-link-active); -} -/* Lists icon */ -.layout-single-column .column-link .fa-list-ul { - transform: scale(1); - margin-right: 8px; - margin-left: 1px; -} -.layout-single-column .column-link .fa-list-ul::before { - content: var(--icon-list); - background-image: none; -} -/* Follow Requests icon */ -.layout-single-column .column-link .fa-user-plus::before { - content: var(--icon-users-column-link); - background-image: none; -} -/* Follow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { - content: var(--icon-follow-hashtag); - position: relative; - top: 2px; - right: -5px; - } - -/* Unfollow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-times::before { - content: var(--icon-unfollow-hashtag); - position: relative; - top: 2px; - right: -5px -} -/* Polls icon */ -.layout-single-column .fa-tasks::before { - content: var(--icon-poll); - transform: scale(.8); - display: block; - position: relative; - top: 1px; -} - - - -/* πŸ“ Compose panel - ---------------- */ -.layout-single-column .compose-form { - padding: 0 0 71px; -} -.layout-single-column .navigation-bar { - border-radius: 8px 8px 0 0; - padding: 21px 15px 22px; - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .navigation-bar strong { - color: var(--color-content-fg); -} -.layout-single-column .compose-form__highlightable.active { - box-shadow: none; -} -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__highlightable.active), -.layout-single-column .compose-form__highlightable.active .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .compose-form__warning { - border-color: var(--color-accent); -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions, -.layout-single-column .compose-form .autosuggest-textarea__textarea, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__modifiers { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border: 0; - border-top: 0; - border-radius: 0; -} -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button, -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button, -.layout-single-column .compose-form .character-counter { - color: var(--color-content-fg); - height: 27px; -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active { - color: var(--color-accent); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea { - padding-left: 20px; - padding-right: 45px; - padding-top: 20px; -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder { - font-size: 130%; - opacity: .5; -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder, -.layout-single-column .compose-form .autosuggest-account .display-name__html { - color: var(--color-content-fg); -} -.layout-single-column .compose-form .autosuggest-account .display-name__account { - color: var(--color-content-fg-muted); -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions--visible, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item { - border-radius: 8px; -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__html { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-radius: 0 0 8px 8px; -} -.layout-single-column .reply-indicator, -.layout-single-column .compose-form .compose-form__warning { - background-color: var(--color-accent-bg); - border-left: 1px solid var(--color-accent-lines); - border-right: 1px solid var(--color-accent-lines); - border-top: 0; - border-bottom: 0; - box-shadow: none; - margin: 0; - border-radius: 0; -} -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .simple_form .recommended, -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .compose-form .compose-form__warning a, -.layout-single-column .reply-indicator__content a, -.layout-single-column .navigation-bar__profile-edit { - color: var(--color-accent); -} - -.layout-single-column .compose-form__sensitive-button .icon-button:hover { - background-color: transparent; -} -.layout-single-column .compose-form__sensitive-button input[type=checkbox]:checked { - background-color: var(--color-accent); - border-color: var(--color-accent); -} -.layout-single-column .compose-form .autosuggest-input { - box-sizing: border-box; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { - margin-bottom: 0; - height: auto; - background-color: var(--color-content-bg); -} -.layout-single-column .compose-form .spoiler-input__input { - background-color: var(--color-accent-bg); - color: var(--color-accent); - margin-bottom: 0; - border-radius: 10px; - padding: 12px 15px; - box-shadow: - 0 0 0 4px inset var(--color-content-bg); -} -.layout-single-column .compose-form .spoiler-input__input:focus { - box-shadow: - 0 0 0 4px inset var(--color-content-bg), - 0 0 0 6px inset var(--color-accent), - 0 0 0 1px inset var(--color-content-bg); -} -.layout-single-column .display-name { - color: var(--color-content-fg); -} -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button { - color: #ffffff; -} -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { - background-color: rgba(0, 0, 0, .4); -} -@media screen and (max-width:1174px) { - .layout-single-column .compose-form { - padding: 0 10px 10px; - } - .layout-single-column .navigation-bar { - border-radius: 8px 8px 0 0; - margin: 10px 10px 0; - } -} - -/* Publish button */ -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper { - padding-top: 10px; - width: 100%; -} -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button { - padding: 10px 18px; -} - -/* Emoji picker */ -.layout-single-column .emoji-button { - margin: 15px 10px 0 0; -} -.layout-single-column .emoji-picker-dropdown__menu { - overflow: hidden; - border-radius: 8px; - background-color: var(--color-content-bg); - box-shadow: - 0 0 0 1px var(--color-lines), - 0 0 5px rgba(0, 0, 0, .15); -} -.layout-single-column .emoji-mart { - width: 100% !important; - display: block; -} -.layout-single-column .emoji-mart-bar:first-child { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); -} -.layout-single-column .emoji-mart-anchor-bar { - background-color: var(--color-accent); -} -.layout-single-column .emoji-mart-anchor-selected { - color: var(--color-accent); -} -.layout-single-column .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-icon svg rect { - fill: var(--color-content-fg); -} -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect, -.layout-single-column .emoji-mart-search-icon svg path { - fill: var(--color-accent); -} -.layout-single-column .emoji-mart-search-icon, -.layout-single-column .emoji-mart-search-icon:disabled, -.layout-single-column .emoji-mart-search-icon svg { - opacity: 1; -} -.layout-single-column .emoji-mart-scroll::-webkit-scrollbar-track { - background-color: var(--color-content-bg); -} -.layout-single-column .emoji-mart-search, -.layout-single-column .emoji-mart-scroll, -.layout-single-column .emoji-mart-category-label span { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .emoji-mart-search input { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .emoji-mart-search input:focus { - border-color: var(--color-accent); - box-shadow: 0 0 0 1px inset var(--color-accent); - outline: 0; -} -.layout-single-column .emoji-mart-search input::placeholder { - color: var(--color-accent); -} - - - -/* Zoom on emojis on hover (in post content only */ -.layout-single-column .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ - overflow: visible; -} -.layout-single-column .status__content .emojione { - transition: transform .8s .8s; -} -.layout-single-column .status__content .emojione:hover { - transform: scale(2.5); -} - - - - -/* πŸ’¬ Posts - -------- */ -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { - color: var(--color-content-fg); -} -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong, -.layout-single-column .status__info .status__display-name .display-name__account { - color: var(--color-content-fg); -} -.layout-single-column .translate-button { - color: var(--color-content-fg-muted); -} -.layout-single-column .translate-button__meta, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button { - font-size: 85%; -} -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong { - font-weight: bold; -} -.layout-single-column .status { - margin-left: 56px; - padding: 0 10px; - border-bottom: 0; -} -.layout-single-column .status__wrapper { - transition: background .3s; -} -.layout-single-column .status__wrapper, -.layout-single-column .detailed-status__wrapper { - background-color: var(--color-content-bg); - padding: 13px 12px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .status__wrapper, - .layout-single-column .detailed-status__wrapper { - border-left: 0; - border-right: 0; - } - .layout-single-column .status__wrapper { - padding: 10px 8px; - } -} -.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, -.layout-single-column .explore__search-results > div:first-child > .status__wrapper { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, -.layout-single-column .search-results__section > div:last-child >.status__wrapper { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { - border-top: 0; -} -@media screen and (min-width:890px) { - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, - .layout-single-column .explore__search-results > div:first-child > .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, - .layout-single-column .search-results__section > div:last-child >.status__wrapper { - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; - } - .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable:first-child > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable:first-child > div > article:first-child > div > .status__wrapper { - margin-top: 15px; - } -} -.layout-single-column .status__info { - height: 22px; - margin-left: -56px; - padding: 0; - margin-bottom: 0; - line-height: 10px; - align-items: start; -} -.layout-single-column .status__info .status__display-name { - overflow: visible; - align-items: start; - max-width: calc(100% - 4em); -} -.layout-single-column .status__info .status__display-name .display-name bdi, -.layout-single-column .status__info .status__display-name .display-name__account { - vertical-align: top; -} -.layout-single-column .status__info .status__display-name .display-name__account { - display: inline; - opacity: .7; -} -.layout-single-column .status__relative-time { - height: 22px; - position: absolute; - right: 22px; - color: var(--color-content-fg); - opacity: .6; - font-weight: 500; -} -.layout-single-column .status__avatar { - margin-bottom: -10px; -} -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { - line-height: 19px; -} - -.layout-single-column .e-content blockquote, -.layout-single-column .reply-indicator__content blockquote, -.layout-single-column .status__content__text blockquote { - color: var(--color-content-fg-muted); - border-color: var(--color-lines); -} - -/* πŸ“ Post dividers */ -/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */ -.layout-single-column .status::before, -.layout-single-column .notification__message::before { - position: absolute; - background-color: var(--color-lines); - height: 1px; - width: calc(100% - 77px); - right: 0; - top: -1px; - content: ""; - opacity: .7; -} -@media screen and (max-width:889px) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { - width: calc(100% - 73px); - } -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { - opacity: 1; - } -} - -/* Remove border between posts when applicable */ -.layout-single-column .notification .status::before, /* no dividers on posts _inside_ notifications */ -.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ -.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ -.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ -.layout-single-column .hashtag-header + article .status::before, -.layout-single-column .search-results__section .search-results__section__header + div .status::before { - display: none; -} -@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper .status::before, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper .status::before{ - display: none; - } -} - -/* πŸ‘₯ Threaded replies */ -.layout-single-column .status--first-in-thread { - border-top: 0; -} -.layout-single-column .status--first-in-thread::before { - width: 100%; - right: 0; -} -.layout-single-column .status--in-thread .attachment-list, -.layout-single-column .status--in-thread .audio-player, -.layout-single-column .status--in-thread .hashtag-bar, -.layout-single-column .status--in-thread .media-gallery, -.layout-single-column .status--in-thread .picture-in-picture-placeholder, -.layout-single-column .status--in-thread .status-card, -.layout-single-column .status--in-thread .status__action-bar, -.layout-single-column .status--in-thread .status__content, -.layout-single-column .status--in-thread .video-player { - margin-left: 0; - width: auto; -} -.layout-single-column .status--in-thread .status__content__read-more-button { - -webkit-margin-start: 0; - margin-inline-start: 0; -} -.layout-single-column .status--in-thread .status__line { - -webkit-border-start: 4px solid var(--color-accent-bg); - border-inline-start: 4px solid var(--color-accent-bg); - inset-inline-start: 43px; - position: absolute; - top: 0; - width: 0; - height: 14px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status--in-thread .status__line { - border-color: var(--color-accent-lines); - } -} -.layout-single-column .status__line.status__line--full { - height: 100%; -} -.layout-single-column .status__line--full:before { - background: transparent; -} -.layout-single-column .status__line.status__line--full.status__line--first { - top: 58px; - height: calc(100% - 58px); -} -@media screen and (max-width:889px) { - .layout-single-column .status--in-thread .status__line { - inset-inline-start: 39px; - } -} - -/* ⏺️ Posts when in focus */ -.layout-single-column .status__wrapper.focusable:focus, -.layout-single-column .detailed-status__wrapper.focusable:focus, -.layout-single-column .focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar, -.layout-single-column .status__wrapper.focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar { - outline: 0; - background: var(--color-content-bg-focus); -} -@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ - .layout-single-column .status__wrapper:has(.status__content:hover), - .layout-single-column .notification__message:has(+ div > .status__wrapper .status__content:hover) { - background: var(--color-content-bg-focus); - } -} - -/* πŸ‘οΈ Post detailed view */ -.layout-single-column .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */ - border-top: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - box-shadow: - inset 0 -4px var(--color-accent-lines), - inset 0 4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ - border-top: 1px solid var(--color-lines); - border-top-right-radius: 8px; - border-top-left-radius: 8px; - box-shadow: - inset 0 -4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */ - border-bottom: 1px solid var(--color-lines); - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; - box-shadow: - inset 0 4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */ - box-shadow: none; -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - margin-top: 15px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - - .layout-single-column .detailed-status { - padding: 8px 8px 14px; - } -} -.layout-single-column .detailed-status__display-avatar .account__avatar { - width: 60px !important; - height: 60px !important; -} -.layout-single-column .detailed-status .status__content { - line-height: 24px; -} -.layout-single-column .detailed-status, -.layout-single-column .detailed-status__action-bar { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .detailed-status__display-name strong, -.layout-single-column .detailed-status__display-name .display-name__account { - color: var(--color-content-fg); -} -.layout-single-column .detailed-status__display-name strong { - font-size: 18px; - font-weight: bold; -} -.detailed-status__display-name .display-name__account{ - opacity: .7; -} -.layout-single-column .detailed-status__meta { - color: var(--color-fg); - opacity: .8; -} -.layout-single-column .detailed-status__action-bar { - padding: 0; -} -.layout-single-column .animated-number { - color: var(--color-content-fg); -} - -.layout-single-column article > .account { - padding: 16px; -} -.layout-single-column article:first-child > .account { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; -} -.layout-single-column article:last-child > .account { - border-bottom: 1px solid var(--color-lines); - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .detailed-status__link { - display: inline-block; -} - -/* Hashtag bar */ -.layout-single-column .hashtag-bar a, -.layout-single-column .hashtag-bar .link-button { - color: var(--color-fg-muted); - font-size: 90%; - transition: all .1s; -} -.layout-single-column .hashtag-bar .link-button { - font-size: 80%; - margin-left: 3px; -} -.layout-single-column .hashtag-bar a { - background-color: var(--color-content-secondary-bg); - transition: all .3s; - padding: 3px 8px; - border-radius: 8px; -} -.layout-single-column .hashtag-bar a:hover, -.layout-single-column .hashtag-bar .link-button:hover { - color: var(--color-accent); -} -.layout-single-column .hashtag-bar a:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .hashtag-bar a:active, -.layout-single-column .hashtag-bar a:focus { - color: var(--color-accent-fg); - background-color: var(--color-accent); -} -.layout-single-column .hashtag-bar a:hover span { - text-decoration: none; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .hashtag-bar a, - .layout-single-column .hashtag-bar .link-button { - color: var(--color-accent); - } - .layout-single-column .hashtag-bar a:hover, - .layout-single-column .hashtag-bar .link-button:hover { - color: var(--color-content-fg); - } -} - -/* ⭐ Action bar */ -.layout-single-column .status__action-bar { - justify-content: left; - margin-top: 8px; -} -.layout-single-column .status__action-bar button, -.layout-single-column .status__action-bar .status__action-bar__dropdown, -.layout-single-column .detailed-status__action-bar button, -.layout-single-column .detailed-status__action-bar .status__action-bar__dropdown { - transition: all .3s; -} -.layout-single-column .status__action-bar .status__action-bar__dropdown { - position: absolute; - right: 18px; -} -.layout-single-column .status__action-bar .icon-button.disabled { - pointer-events: none; -} -.layout-single-column .status__action-bar .icon-button:active, -.layout-single-column .status__action-bar .icon-button.active:active, -.layout-single-column .status__action-bar .icon-button:focus, -.layout-single-column .status__action-bar .icon-button.active:focus, -.layout-single-column .detailed-status__action-bar .icon-button:active, -.layout-single-column .detailed-status__action-bar .icon-button.active:active, -.layout-single-column .detailed-status__action-bar .icon-button:focus, -.layout-single-column .detailed-status__action-bar .icon-button.active:focus { - background-color: transparent; -} -.layout-single-column .icon-button.star-icon.deactivate>.fa-star, -.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ - animation: none; -} -.layout-single-column .status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce .4s ease-out !important; -} -.layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce-detailed .4s ease-out !important; -} -@keyframes bounce { - 0% { - transform: scale(.8); - } - 50% { - transform: scale(1.4); - } - 75% { - transform: scale(.6); - } - 100% { - transform: scale(.8); - } -} -@keyframes bounce-detailed { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.6); - } - 75% { - transform: scale(.8); - } - 100% { - transform: scale(1); - } -} -.layout-single-column .status__action-bar .icon-button.reblogPrivate>.fa-retweet { - opacity: 1; -} -.layout-single-column .status__action-bar .icon-button.active>.fa-retweet { - animation: launch 1.2s ease-in !important; -} -.layout-single-column .detailed-status__action-bar .icon-button.active>.fa-retweet { - animation: launch-detailed 1.2s ease-out !important; -} -@keyframes launch { - 0% { - transform: scale(.8) translate(0); - opacity: 0; - } - 5% { - transform: scale(.8) translate(0); - opacity: 1; - } - 50% { - transform: scale(.8) translate(200%, -150%); - opacity: 0; - } - 80% { - transform: scale(.8) translate(200%, -150%); - opacity: 0; - } - 85% { - transform: scale(.8) translate(-20%, 20%); - opacity: 0; - } - 100% { - transform: scale(.8) translate(0); - opacity: 1; - } -} -@keyframes launch-detailed { - 0% { - transform: scale(1) translate(0); - opacity: 0; - } - 5% { - transform: scale(1) translate(0); - opacity: 1; - } - 50% { - transform: scale(1) translate(150%, -150%); - opacity: 0; - } - 80% { - transform: scale(1) translate(150%, -150%); - opacity: 0; - } - 85% { - transform: scale(1) translate(-20%, 20%); - opacity: 0; - } - 100% { - transform: scale(1) translate(0); - opacity: 1; - } -} -.layout-single-column .status__action-bar .icon-button, -.layout-single-column .detailed-status__action-bar .icon-button { - min-width: 32px !important; - height: 32px !important; - border-radius: 30px; - position: relative; -} -.layout-single-column .status__action-bar .icon-button .fa { - transform: scale(.8); - height: 32px; - line-height: 32px; -} -.layout-single-column .status__action-bar i.fa-star:before, -.layout-single-column .status__action-bar i.fa-bookmark:before, -.layout-single-column .status__action-bar i.fa-share-alt:before, -.layout-single-column .detailed-status__action-bar i.fa-star:before, -.layout-single-column .detailed-status__action-bar i.fa-bookmark:before, -.layout-single-column .detailed-status__action-bar i.fa-share-alt:before { - height: 32px; -} -.layout-single-column .icon-button.star-icon.active, -.layout-single-column .notification__favourite-icon-wrapper .star-icon { - color: #ffb609; -} -.layout-single-column .status__prepend { - padding-top: 2px; - padding-left: 0; - padding-right: 0; - margin-bottom: 0; - height: 25px; - color: var(--color-content-fg); -} -.layout-single-column .status__prepend-icon-wrapper { - width: 56px; - text-align: right; -} -.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper { - width: 46px; -} -.layout-single-column .status__prepend .muted .emojione { - opacity: 1; -} -.layout-single-column .status-card, -.layout-single-column .status-card.compact { - background-color: var(--color-content-secondary-bg); - border: 1px solid var(--color-lines); - box-shadow: none; - transition: all .3s; - border-radius: 8px; -} -.layout-single-column a.status-card:hover, -.layout-single-column a.status-card.compact:hover { - background-color: var(--color-content-bg-focus); - border-color: var(--color-lines); -} -.layout-single-column .status-card__image { - background: var(--color-accent-bg); -} -.layout-single-column .status-card__image > .fa { - color: var(--color-content-fg); - transition: all .3s; -} -.layout-single-column a.status-card:hover .status-card__image > .fa { - color: var(--color-accent); -} -.layout-single-column .status-card__title, -.layout-single-column .status-card__description, -.layout-single-column .status-card__author { - color: var(--color-content-fg); - transition: all .2s; -} -.layout-single-column .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__host, -.layout-single-column .status-card:focus .status-card__host, -.layout-single-column .status-card:hover .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__author, -.layout-single-column .status-card:active .status-card__description, -.layout-single-column .status-card:active .status-card__title, -.layout-single-column .status-card:focus .status-card__author, -.layout-single-column .status-card:focus .status-card__description, -.layout-single-column .status-card:focus .status-card__title, -.layout-single-column .status-card:hover .status-card__author, -.layout-single-column .status-card:hover .status-card__description, -.layout-single-column .status-card:hover .status-card__title { - color: var(--color-content-fg); -} -.layout-single-column .status-card__author strong { - font-weight: 800; -} -.layout-single-column .status__content p { - margin-bottom: 12px; -} -.layout-single-column .status__content p:last-child { - margin-bottom: 0; -} -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) { - margin-bottom: 1px; -} -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) span { - font-weight: bold; -} -.layout-single-column .media-gallery { - border-radius: 8px; -} -.layout-single-column .icon-button.overlayed { - background-color: #ffffff; - color: #444b5d; - opacity: .6; - transition: opacity .3s; -} -.layout-single-column .icon-button.overlayed:hover { - background-color: #ffffff; - color: #444b5d; - opacity: 1; -} -.layout-single-column .status__wrapper--filtered__button { - color: var(--color-accent); -} -.layout-single-column .status__wrapper--filtered { - color: var(--color-content-fg); - border-top: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - padding: 12px; - margin-top: -1px; -} - -/* πŸ“Š Polls */ -.layout-single-column .poll__chart, -.layout-single-column .muted .poll__chart.leading { - background: var(--color-accent); - opacity: .4; - height: 12px; - border-radius: 10px; -} -.layout-single-column .poll__chart.leading, -.layout-single-column .muted .poll__chart.leading { - opacity: 1; -} -.layout-single-column .muted .poll { - color: var(--color-content-fg-muted); -} -.layout-single-column .poll__footer { - color: var(--color-content-fg); -} -.layout-single-column .poll__link { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .poll__input { - border: 2px solid var(--color-content-fg); -} -.layout-single-column .poll__input:hover { - border-color: var(--color-accent); - background-color: var(--color-accent-bg); -} -.layout-single-column .poll__input.active, -.layout-single-column .poll__input:active, -.layout-single-column .poll__input:focus { - background-color: var(--color-accent); -} -.layout-single-column .poll__input.active { - border-color: var(--color-accent); -} -.layout-single-column .poll__footer .button.button-secondary { - padding: 0 16px; -} -.layout-single-column .poll__footer .button.button-secondary:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -/* Poll composer */ -.layout-single-column .compose-form__poll-wrapper, -.layout-single-column .compose-form__poll-wrapper .poll__footer { - border-top: 0; -} -.layout-single-column .compose-form__poll-wrapper ul { - background-color: var(--color-accent-bg); -} -.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { - padding: 6px 16px; -} -.layout-single-column .compose-form__poll-wrapper .icon-button.disabled { - color: transparent; - pointer-events: none; -} - - - -/* Empty columns */ -.layout-single-column .empty-column-indicator { - background-color: var(--color-content-secondary-bg); - color: var(--color-content-fg); - border-radius: 8px; - contain: content; -} -.layout-single-column .empty-column-indicator a { - color: var(--color-accent); -} - -/* Timeline hint */ -.layout-single-column .timeline-hint { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .timeline-hint a { - color: var(--color-accent); -} -.layout-single-column article + .timeline-hint:last-child { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - border-bottom: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} - - -/* πŸ“€ DMs */ -.layout-single-column .follow_requests-unlocked_explanation { - background-color: var(--color-accent-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-accent-lines); -} -@media screen and (min-width:890px) { - .layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation { - border-radius: 8px; - margin-top: 13px; - } -} -.layout-single-column .follow_requests-unlocked_explanation a { - color: var(--color-accent); -} -.layout-single-column .conversation__unread { - background-color: var(--color-accent); -} -.layout-single-column .conversation.conversation--unread { - background-color: var(--color-content-bg-focus); -} -.layout-single-column .conversation__unread { - color: var(--color-accent-fg); -} -.layout-single-column .conversation__content__names a strong { - font-weight: bold; -} -.layout-single-column .conversation__content__names, -.layout-single-column .conversation__content__names a, -.layout-single-column .conversation__content__relative-time, -.layout-single-column .conversation .attachment-list__list a, -.layout-single-column .conversation .attachment-list.compact .fa, -.layout-single-column .conversation .status__content p { - color: var(--color-content-fg); -} -.layout-single-column .conversation { - background-color: var(--color-content-bg); - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .conversation__content__relative-time { - opacity: .7; -} -@media screen and (min-width:890px) { - .layout-single-column .conversation { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} - -/* Speech bubble look DMs */ -.layout-single-column .status-direct .status__content, -.layout-single-column .detailed-status-direct .status__content, -.layout-single-column .detailed-status__wrapper-direct .status__content { - padding: .7em 1.2em .7em 1em; - margin-top: 4px; - background: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 5px 18px 18px 16px; - display: inline-block; -} -.layout-single-column .status-direct .fa.fa-at, -.layout-single-column .detailed-status-direct .fa.fa-at { - font-size: 20px; -} -.layout-single-column .status-direct .fa.fa-at::before, -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-size: contain; - background-repeat: no-repeat; - background-image: var(--icon-direct-messages); - background-position: center 3px; - color: transparent; -} -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-position: center 2px; -} -.layout-single-column .status-direct.muted .status__content { - background: rgba(155, 174, 200, 0.1); - border-color: var(--color-lines); -} -.layout-single-column .status__wrapper-direct .status__prepend, -.layout-single-column .detailed-status__wrapper-direct .status__prepend { - display: none; -} - - - -/* ⏺️ Column headers - ----------------- */ -.layout-single-column .tabs-bar__wrapper { - background-color: transparent; - border-radius: 8px 8px 0 0; - box-shadow: - inset 0 10px var(--color-bg), - 0 -30px var(--color-bg); -} -.layout-single-column .column-header__wrapper { - padding-bottom: 10px; -} -.layout-single-column .column-header__wrapper.active:before { - background: none; - opacity: 40%; -} -.layout-single-column .column-header__wrapper.active { - box-shadow: 0 0; -} -.layout-single-column .column-header__wrapper::after, -.layout-single-column .column-back-button::after { - content: " "; - position: absolute; - left: 0; - right: 0; - bottom: -10px; - border-radius: 8px 8px 0 0; - box-shadow: - 0 -5px var(--color-bg), - 0 -10px var(--color-bg), - 0 -15px var(--color-bg), - 0 -20px var(--color-bg); - height: 10px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - background-color: transparent; - z-index: -1; -} -.layout-single-column .column-header { - border-radius: 8px; -} -.layout-single-column .column-header, -.layout-single-column .column-back-button { - background: var(--color-content-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-lines); - border-radius: 8px; - overflow: hidden; - font-weight: bold; -} -.layout-single-column .column-header__button, -.layout-single-column .column-header__back-button { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .column-back-button { - margin-bottom: 10px; -} -.layout-single-column .column-header__button { - color: var(--color-content-fg); - transition: all .2s; -} -.layout-single-column .column-header.active .column-header__icon { - color: var(--color-accent); - text-shadow: none; -} -.layout-single-column .column-header__button.active, -.layout-single-column .column-header__button.active:hover, -.layout-single-column .column-header__button:hover { - color: var(--color-accent); - background-color: var(--color-accent-bg); -} -@media screen and (max-width:1174px) { - .layout-single-column .column-header__wrapper::after, - .layout-single-column .column-back-button::after { - display: none; - } - .layout-single-column .column-header__button.active, - .layout-single-column .column-header__button.active:hover, - .layout-single-column .column-header__button:hover { - background-color: transparent; - } -} - -.layout-single-column .column-back-button--slim-button::after { - display: none; -} -.layout-single-column .column-back-button--slim-button { - top: -47px -} -@media screen and (max-width:1174px) { - .layout-single-column .column-back-button--slim-button { - height: 47px; - } -} - -.layout-single-column .load-gap, -.layout-single-column .load-more { - background-color: var(--color-accent-bg); - color: var(--color-accent); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .load-gap:hover, -.layout-single-column .load-more:hover { - background-color: var(--color-accent-lines); -} -@media screen and (min-width:890px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - border-radius: 8px 8px 0 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - margin-top: 15px; - } -} - -.layout-single-column .column-header__collapsible { - border-bottom: 0; - border-radius: 8px; - box-shadow: 0 -20px 0 var(--color-bg); - background-color: var(--color-secondary-bg); -} -.layout-single-column .column-header__collapsible:not(.collapsed) { - border: 1px solid var(--color-lines); -} -.layout-single-column .column-header__collapsible::-webkit-scrollbar-track { - background-color: transparent; -} -@media screen and (max-width:1174px) { - .layout-single-column .column-header__collapsible { - box-shadow: none; - border-radius: 0; - } -} -.layout-single-column .column-header__collapsible:not(.collapsed) { - margin-top: 10px; -} -.layout-single-column .column-header__collapsible-inner { - background: var(--color-secondary-bg); - border: 0; -} -.layout-single-column .column-settings__section { - color: var(--color-content-fg-bold); -} -.layout-single-column .setting-toggle__label { - color: var(--color-content-fg); -} -.layout-single-column .column-header > button { - padding: 0 0 0 15px; - line-height: 45px; - font-weight: bold; -} -.layout-single-column .column-header__icon { - vertical-align: middle; - display: inline-block; - margin-right: 8px; - transform: scale(.8); - line-height: 23px; -} -@media screen and (max-width:1174px) { - .layout-single-column .ui__header { - background-color: transparent; - border-bottom: 0; - } - .layout-single-column .ui__header__logo { - margin-left: 3px; - } - .layout-single-column .tabs-bar__wrapper { - box-shadow: none; - display: block; - margin-bottom: -2px; - border-radius: 0; - height: 45px; - border-bottom: 1px solid rgba(0, 0, 0, .1); - } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal) { - display: none; - } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button), - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */ - display: block; - } - .layout-single-column .column-header, - .layout-single-column .column-back-button, - .layout-single-column .column-header__button, - .layout-single-column .column-header__back-button { - background-color: transparent; - height: 45px; - border: 0; - } - .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background-color: rgba(242, 239, 245, .75); - content: ""; - height: 100px; - left: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 1; - } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { - height: 55px; - } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after, - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */ - height: 100px; - } - .layout-single-column .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */ - margin-top: 0; - } -} -@media (prefers-color-scheme: dark) { - @media screen and (max-width:1174px) { - .layout-single-column .ui::after { - background-color: rgba(3, 3, 3, .65); - } - .layout-single-column .tabs-bar__wrapper { - border-color: rgba(255, 255, 255, .1); - } - } -} - - - -/* ⏺️ Horizontal selectors - (used to navigate subsections on the Explore, Live Feeds and Account pages) */ -.layout-single-column .account__section-headline, -.layout-single-column .notification__filter-bar { - background: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; -} -.layout-single-column .account__section-headline a, -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar a, -.layout-single-column .notification__filter-bar button { - background-color: var(--color-accent-bg); - color: var(--color-accent); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; - border-radius: 9px; - transition: all .2s; - padding: 14px 0; -} -.layout-single-column .account__section-headline a:hover, -.layout-single-column .account__section-headline button:hover, -.layout-single-column .notification__filter-bar a:hover, -.layout-single-column .notification__filter-bar button:hover { - background-color: var(--color-accent-lines); - color: var(--color-accent); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; -} -.layout-single-column .account__section-headline a.active, -.layout-single-column .account__section-headline button.active, -.layout-single-column .notification__filter-bar a.active, -.layout-single-column .notification__filter-bar button.active { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; -} -.layout-single-column .account__section-headline a.active::before, -.layout-single-column .account__section-headline button.active::before, -.layout-single-column .notification__filter-bar a.active::before, -.layout-single-column .notification__filter-bar button.active::before { - display: none; -} -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar button { - background-color: transparent; -} -.layout-single-column .account__section-headline a::after, -.layout-single-column .account__section-headline button::after, -.layout-single-column .notification__filter-bar a::after, -.layout-single-column .notification__filter-bar button::after, -.layout-single-column .account__section-headline a.active::after, -.layout-single-column .account__section-headline button.active::after, -.layout-single-column .notification__filter-bar a.active::after, -.layout-single-column .notification__filter-bar button.active::after { - display: block; - position: absolute; - content: " "; - width: 2px; - height: auto; - background-color: var(--color-accent-lines); - top: 8px; - right: -1px; - left: auto; - bottom: 8px; - border-radius: 50px; - z-index: 1; - transform: unset; - border: 0; -} -.layout-single-column .account__section-headline a:last-child::after, -.layout-single-column .account__section-headline button:last-child::after, -.layout-single-column .notification__filter-bar a:last-child:after, -.layout-single-column .notification__filter-bar button:last-child:after { - display: none; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .account__section-headline a.active, - .layout-single-column .account__section-headline button.active, - .layout-single-column .notification__filter-bar a.active, - .layout-single-column .notification__filter-bar button.active { - background-color: var(--color-bg); - } -} -@media screen and (max-width:889px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-left: 10px; - margin-right: 10px; - } -} -@media screen and (max-width:1174px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-top: 10px; - } -} - -.layout-single-column .notification__filter-bar i.fa-reply-all::before { - content: var(--icon-reply-accent); - top: 2px -} -.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { - content: var(--icon-reply); -} -.layout-single-column .notification__filter-bar i.fa-fw::before { - width: 18px; - height: 18px; - background-size: contain; -} -.layout-single-column .notification__filter-bar i.fa-star::before { - background-image: var(--icon-star-accent); - transform: translate(0, 1px); -} -.layout-single-column .notification__filter-bar .active i.fa-star::before { - background-image: var(--icon-star); -} -.layout-single-column .notification__filter-bar i.fa.fa-retweet { - background-image: var(--icon-boost-accent); - transform: translate(0, 1px); -} -.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { - background-image: var(--icon-boost); -} -.layout-single-column .notification__filter-bar .fa-tasks::before { - content: var(--icon-poll-accent); - top: 2px; - left: -2px; -} -.layout-single-column .notification__filter-bar .active .fa-tasks::before { - content: var(--icon-poll); -} -.layout-single-column .notification__filter-bar i.fa.fa-home::before { - content: var(--icon-home-notification-accent); - transform: translate(0, 1px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-home::before { - content: var(--icon-home-notification); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home::before { - content: var(--icon-home-notification-accent); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus { - transform: scale(.8); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus::before { - content: var(--icon-users-column-link-accent); - transform: translate(-2px, 2px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-user-plus::before { - content: var(--icon-users-column-link); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus::before { - content: var(--icon-users-column-link-accent); -} - - -/* πŸ“ Navigation panel - ------------------- */ -.layout-single-column .column-link--transparent { - color: var(--color-fg); -} -.layout-single-column .ui__header__logo .logo--icon { - display: none; -} -.layout-single-column .ui__header__links .button.button-secondary { - padding: 8px 18px 8px 18px; -} -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { - background-color: var(--color-accent-focus); - color: var(--color-accent-fg); -} -.layout-single-column .column-link--logo { - margin-left: 4px; -} - -.layout-single-column .column-link.column-link--logo, -.layout-single-column .ui__header__logo { - display: inline-flex; - padding: 0; - width: 50px; - height: 50px; - background-image: var(--logo); - background-repeat: no-repeat; - background-position: center; - background-size: 32px auto; -} -.layout-single-column .column-link.column-link--logo svg, -.layout-single-column .ui__header__logo svg { - display: none; -} - -.layout-single-column .navigation-panel__logo { - margin-bottom: 10px; -} -.layout-single-column .column-link:not(.column-link--logo) { - padding: 10px 20px 11px 13px; - margin-left: 3px; - font-weight: 500; -} -.layout-single-column a.column-link--transparent.active, -.layout-single-column a.column-link--transparent.active:hover { - color: var(--color-content-fg); - font-weight: bold; -} -.layout-single-column .column-link--transparent:hover { - border-radius: 8px; - padding-right: 20px; -} -.layout-single-column a.column-link--transparent span { - position: relative; -} -@media screen and (min-width:1175px) { - .layout-single-column .column-link:not(.column-link--logo) { - transition: all .2s; - } - .layout-single-column .column-link:not(.column-link--logo)[href="/settings/preferences"] { - padding-bottom: 13px; - } - .layout-single-column a.column-link--transparent span::before { - content: " "; - left: -40px; - background-color: transparent; - transition: .3s background-color; - top: -12px; - right: -16px; - position: absolute; - border-radius: 8px; - z-index: -1; - bottom: -13px; - } - .layout-single-column a.column-link--transparent:hover span::before { - background-color: var(--color-accent-bg); - } - .layout-single-column a.column-link--transparent.active span::before, - .layout-single-column a.column-link--transparent.active:hover span::before { - background-color: var(--color-content-bg); - } -} -.layout-single-column .icon-with-badge__badge { - background-color: var(--color-accent); - color: var(--color-accent-fg); - border-radius: 20px; - top: -4px; - font-weight: bold; - border: 0; - z-index: 1; -} -.layout-single-column .compose-panel hr, .navigation-panel hr { - display: none; -} -.layout-single-column .column-link__icon { - transform: scale(.8); - vertical-align: middle; - margin-right: 9px; -} -.layout-single-column .column-link span { - vertical-align: middle; -} -.layout-single-column .column-link .fa::before { - position: relative; - top: 1px; -} -.layout-single-column .column-link .fa.fa-cog { - transform: scale(1) translate(1px, -1px); -} -.layout-single-column .list-panel { - padding: 5px 9px 8px 27px; - margin: 0 0 5px; - display: none; -} -.layout-single-column .list-panel i.fa { - display: none; -} -.layout-single-column .list-panel .column-link span::before { - left: -12px; - top: -10px; - right: -12px; - bottom: -10px; -} -.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before { - background-color: var(--color-accent-bg); -} -@media screen and (min-width:1175px) { - .layout-single-column .column-link[href="/lists"]:hover + .list-panel, - .layout-single-column .column-link[href="/lists"].active + .list-panel, - .layout-single-column .list-panel:hover { - display: block; - animation: fadein .5s 1; - } -} -@keyframes fadein { - from { - opacity: 0; - transform: translateY(-10%); - } - to { - opacity: 1; - transform: translateY(0); - } -} -@media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner { - width: 100vw; - height: calc(4.2em + env(safe-area-inset-bottom)); - bottom: 0; - left: 0; - z-index: 3; - } - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - width: 100vw; - height: 4.2em; - padding-bottom: env(safe-area-inset-bottom); - flex-direction: row; - overflow-x: auto; - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - background-color: rgba(255, 255, 255, 0.5); - border-left: 0; - border-top: 1px solid rgba(0, 0, 0, .1); - } - .layout-single-column .navigation-panel .column-link, - .layout-single-column .navigation-panel .navigation-panel__legal, - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column .column-link--transparent:hover { - flex: 0 0 18vw; - margin: 6px 0 8px; - padding: 4px 0 3px; - border-radius: 0; - border: 0; - justify-content: center; - display: inline-flex; - align-items: center; - box-sizing: border-box; - background-color: transparent; - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { - margin: 6px 0 8px; - padding: 4px 0 3px; - border-radius: 8px; - border: 0; - background-color: #ffffff; - } - .layout-single-column .column-link__icon { - transform: scale(1); - margin: 0; - } - .layout-single-column .column-link span { - padding-left: .5em; - } - .layout-single-column .column-link .fa-list-ul { - margin-right: 0; - } - .layout-single-column .columns-area__panels__main { - width: calc(100% - 285px); - margin-left: -285px; - } - .layout-single-column .columns-area__panels { - padding-bottom: 6em; - } - .layout-single-column .columns-area__panels .navigation-panel__legal { - margin: 0; - padding: 0; - } - .layout-single-column .columns-area__panels .navigation-panel__legal .column-link--transparent { - height: calc(100% - 13px); - box-sizing: border-box; - border: 0; - } -} -@media screen and (max-width:889px) { - .layout-single-column .columns-area__panels__main { - width: 100%; - margin-left: -55px; - } -} -@media (prefers-color-scheme: dark) { - @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(3, 3, 3, .65); - border-left: 0; - border-right: 0; - border-bottom: 0; - border-top: 1px solid rgba(255, 255, 255, .1); - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { - background-color: var(--color-bg); - } - } -} - - - -/* πŸ‘€ Account view - --------------- */ -.layout-single-column .account__header { - border-radius: 8px; - margin-bottom: 10px; - background-color: var(--color-content-bg); - border: 1px solid var(--color-lines); -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .account__header { - margin-top: 15px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .account__header { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} -.layout-single-column .account__header__image { - height: 150px; - background-color: var(--color-secondary-bg); - border-bottom: 0; -} -.layout-single-column .account__header__bar { - border: 0; -} -.layout-single-column .account__header__bar .avatar .account__avatar { - border-radius: 50%; - border-width: 5px; - width: 100px !important; - height: 100px !important; - background-color: var(--color-content-bg); - border-color: var(--color-content-bg); -} -.layout-single-column .account__header__tabs__name h1, -.layout-single-column .account__header__tabs__name h1 small { - color: var(--color-content-fg); -} -.layout-single-column .account__header__tabs__name h1 > span { - font-size: 18px; -} -.layout-single-column .account__header__tabs__name h1 small { - opacity: .7; -} -.layout-single-column .account__section-headline { - margin-bottom: 10px; -} -.layout-single-column .account__header__content a { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .account__header__content a:hover { - text-decoration: underline; -} -.layout-single-column .account__header__extra__links a strong { - color: var(--color-content-fg-bold); -} -.layout-single-column .account__header__account-note label { - margin-bottom: 0; -} -.layout-single-column .account__header__account-note label, -.layout-single-column .account__header__account-note textarea::placeholder { - color: var(--color-content-fg-bold); - opacity: .5; -} -.layout-single-column .account__header__account-note textarea { - color: var(--color-content-fg); -} -.layout-single-column .account__header__account-note textarea:focus { - background-color: var(--color-accent-bg); -} -.layout-single-column .account__header__badges .account-role { - border-radius: 8px; - border-color: var(--color-accent); - color: var(--color-accent); -} -.layout-single-column .account-role svg { - opacity: 1; -} -.layout-single-column .account__header__extra__links a, -.layout-single-column .account__header__bio .account__header__content, -.layout-single-column .account__header__bio .account__header__fields dd { - color: var(--color-content-fg); -} -.layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-content-secondary-bg); - border-radius: 8px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-bg); - } -} -.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { - display: none; -} -.layout-single-column .account__header__bio .account__header__fields dt { - font-weight: bold; - font-size: 12px; -} -.layout-single-column .account__header__bio .account__header__fields dl, -.layout-single-column .account__header__bio .account__header__fields .verified { - border-bottom: 0; - position: relative; -} -.layout-single-column .account__header__bio .account__header__fields dl:not(:last-child):after { - display: block; - content: " "; - height: 1px; - bottom: -1px; - right: 15px; - background-color: var(--color-lines); - left: 15px; - position: absolute; - border-radius: 50px; -} -.layout-single-column .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */ - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; -} -.layout-single-column .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */ - margin-top: 0; - border-top-width: 0; -} -.layout-single-column .account__header__bio .account__header__fields .verified a, .account__header__bio .account__header__fields .verified dd { /* Verified field tweak: vivid green text */ - color: var(--color-accent); -} -.layout-single-column .account__header__bio .account__header__fields .verified dt, -.layout-single-column .account__header__bio .account__header__fields dt { /* Verified field tweak: restore default field title color */ - color: var(--color-content-fg); -} -.layout-single-column .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */ - border-top: 0; - border-right: 0; - border-left: 0; - background: none; -} -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child { /* Verified field tweak: adding a green background circle to the checkmark icon */ - display: inline-block; - background-color: var(--color-accent); - border-radius: 50px; - width: 1.2em; - height: 1.2em; - line-height: 1.2; - text-align: center; - margin-right: 2px; -} -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child i { /* white checkmark */ - color: #fff; - font-size: 85%; - transform: scale(.9); -} -.layout-single-column .account__header__bio .account__header__fields .verified:last-child { - border-bottom: 0; -} -.layout-single-column .account-timeline__header + article .status__wrapper, -.layout-single-column .account-timeline__header + article .account { /* rounded corners on first post below account header + on first account in followings/followers list */ - border-radius: 8px 8px 0 0; - border-right: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-top: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .account-timeline__header + article .status__wrapper, - .layout-single-column .account-timeline__header + article .account { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} - -.layout-single-column .follow-request-banner, -.layout-single-column .moved-account-banner { - background-color: var(--color-accent-bg); -} -.layout-single-column .moved-account-banner { - margin-bottom: 10px; - border-radius: 8px; -} -.layout-single-column .follow-request-banner__message, -.layout-single-column .moved-account-banner__message { - color: var(--color-content-fg); -} -.layout-single-column .moved-account-banner__message { - font-weight: bold; -} - - -/* ✨ Explore tab - -------------- */ -@media screen and (min-width:890px) { - .layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; - } - .layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - } -} -.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { - color: #E53880; -} -.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number { - color: #ca8f04; -} - -/* #️⃣ Trending hashtags */ -.layout-single-column .trends__item__sparkline path:last-child { - stroke: var(--color-accent) !important; -} -.layout-single-column .trends__item__sparkline path:first-child { - fill: var(--color-accent) !important; - fill-opacity: 0.2 !important; -} -.layout-single-column .explore__links { - background-color: var(--color-content-bg); - border-radius: 8px !important; - border: 1px solid var(--color-lines); - overflow: hidden; -} -@media screen and (max-width:889px) { - .layout-single-column .explore__links { - border-radius: 0 !important; - border-left: 0; - border-right: 0; - } -} -.layout-single-column .columns-area__panels__main .trends__item { - background-color: var(--color-content-bg); - border-bottom: 2px solid var(--color-content-secondary-bg); -} -.layout-single-column .explore__links .trends__item:last-child { - border-bottom: 0; -} -.layout-single-column .trends__item__name, -.layout-single-column .trends__item__current { - color: var(--color-fg-muted); -} -.layout-single-column .trends__item__name a { - color: var(--color-fg); -} - - -/* Hashtag header */ -.layout-single-column .hashtag-header { - font-size: 15px; - padding: 18px 20px 20px; - color: var(--color-content-fg); - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-bottom: 0; -} -.layout-single-column .hashtag-header__header { - margin-bottom: 0; -} -.layout-single-column .hashtag-header__header h1 { - color: var(--color-content-fg); -} -.layout-single-column .hashtag-header .hashtag-header__header + div { - color: var(--color-content-fg); - font-size: 85%; - opacity: .8; - margin-top: -5px; - width: max-content; -} - -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .hashtag-header { - margin-top: 15px; - } -} -@media screen and (min-width:890px) { - .layout-single-column .hashtag-header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } - .layout-single-column .hashtag-header .hashtag-header__header button { - transform: translate(0, 8px); - } -} - - -/* Account recommendations (For You Tab + User directory */ -.layout-single-column .scrollable .account-card { - margin: 0 0 10px; - background-color: var(--color-content-bg); - border-radius: 8px; - border: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable .account-card { - margin: 0 10px 10px; - } -} -.layout-single-column .account-card__header { - padding: 0; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - height: 128px; - overflow: hidden; -} -.layout-single-column .scrollable .account-card__bio:after { - background: linear-gradient(270deg, var(--color-content-bg), transparent); -} -.layout-single-column .account-card__title__avatar .account__avatar { - border: 0; - border-radius: 50%; - overflow: visible; -} -.layout-single-column .account-card__title__avatar img { - border: 0; - border-radius: 50%; - box-shadow: 0 0 0 3px var(--color-content-bg); -} -.layout-single-column .account-card__title .display-name bdi, -.layout-single-column .account-card__counters__item, -.layout-single-column .account-card__counters__item small { - color: var(--color-content-fg-bold); -} -.layout-single-column .account-card__counters__item small { - opacity: .7; -} -.layout-single-column .account-card__bio a { - color: var(--color-accent); -} -.layout-single-column .filter-form { - background-color: var(--color-accent-bg); - border-radius: 8px; - margin-bottom: 10px; -} -.layout-single-column .filter-form__column { - padding: 10px 15px; -} - -/* πŸ“° Trending stories */ -.layout-single-column .story { - background-color: var(--color-content-bg); - transition: background-color .2s; -} -.layout-single-column .story:not(:last-child) { - border-bottom: 2px solid var(--color-content-secondary-separator); -} -.layout-single-column .story, -.layout-single-column .story__details__title { - color: var(--color-content-fg); -} -.layout-single-column .story:hover { - background-color: var(--color-content-bg-focus); -} -.layout-single-column .story__details__publisher, -.layout-single-column .story__details__shared { - color: var(--color-fg); -} -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared { - transition: all .3s; -} -.layout-single-column .story:active .story__details__publisher, -.layout-single-column .story:active .story__details__shared, -.layout-single-column .story:focus .story__details__publisher, -.layout-single-column .story:focus .story__details__shared, -.layout-single-column .story:hover .story__details__publisher, -.layout-single-column .story:hover .story__details__shared { - color: var(--color-accent); -} -.layout-single-column .story.expanded .story__thumbnail { - margin: 0 0 -25px; -} -.layout-single-column .story.expanded .story__thumbnail img { - width: calc(100% + 30px); - margin: -15px -15px 0 -15px; - border-radius: 0 0 0 0; -} - -/* πŸ” Search field and search results */ -.layout-single-column .search { - margin-bottom: 10px; -} -.layout-single-column .search__input { - border-radius: 8px; - background-color: var(--color-accent-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .search__input::placeholder, -.layout-single-column .compose-form .spoiler-input__input::placeholder { - font-weight: 500; - color: var(--color-accent); -} -.layout-single-column .search__input:focus { - border: 1px solid var(--color-accent); -} -.layout-single-column .compose-panel .fa-search, -.layout-single-column .compose-panel .fa.active { - right: 15px; - top: 16px; - color: var(--color-accent); -} -.layout-single-column .compose-panel .fa-search.active, -.layout-single-column .compose-panel .fa-times-circle.active, -.layout-single-column .search__icon .fa.active { - opacity: 1; - z-index: 1; -} -.layout-single-column .compose-panel .fa-times-circle.active { - top: 17px; -} -.layout-single-column .explore__search-results { - background-color: var(--color-content-bg); - overflow: hidden; -} -.layout-single-column .explore__search-header { - background-color: transparent; -} -.layout-single-column .explore__search-results .account { - padding-top: 16px; -} -.layout-single-column .explore__search-results article:first-child > .account { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .account { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results .trends__item { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:first-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:first-child, -.layout-single-column .search-results__section > .account:first-child { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:last-child, -.layout-single-column .search-results__section > .account:last-child { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .search-results__section { - background-color: var(--color-bg); - padding-bottom: 10px; - border-bottom: 0; -} -.layout-single-column .search-results__section__header { - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 0; - color: var(--color-content-fg); -} -.layout-single-column .search-results__section__header button { - color: var(--color-accent); -} -@media screen and (min-width:890px) { - .layout-single-column .explore__search-results { - border-radius: 8px; - } - .layout-single-column .explore__search-results article:first-child > .account, - .layout-single-column .search-results__section > .account:first-child, - .layout-single-column .explore__search-results article:first-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:first-child { - border-radius: 8px 8px 0 0; - } - .layout-single-column .explore__search-results article:last-child > .account, - .layout-single-column .search-results__section > .account:last-child, - .layout-single-column .explore__search-results article:last-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:last-child, - .layout-single-column .explore__search-results .load-more:last-child { - border-radius: 0 0 8px 8px; - } - .layout-single-column .search-results__section__header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } -} -.layout-single-column .account .account__details > span { - color: var(--color-content-fg); -} -.layout-single-column .account .account__details .verified-badge { - color: var(--color-accent); -} -@keyframes fadein-short { - from { - transform: translate(0, -10px); - opacity: 0; - } - to { - transform: translate(0, 0); - opacity: 1; - } -} -.layout-single-column .search__popout { - background-color: var(--color-content-bg); - border-radius: 8px; - box-shadow: none; - margin-top: 10px; - border: 1px solid var(--color-lines); - animation: .3s fadein-short 1; -} -.layout-single-column .search__popout h4 { - font-weight: bold; -} -.layout-single-column .search__popout h4, -.layout-single-column .search__popout__menu__message, -.layout-single-column .search__popout__menu__item { - color: var(--color-content-fg); -} -.layout-single-column .search__popout__menu__item { - align-items: initial; -} -.layout-single-column .search__popout__menu__item mark { - color: var(--color-content-fg-bold); -} -.layout-single-column .search__popout__menu__item .icon-button:active, -.layout-single-column .search__popout__menu__item .icon-button:focus, -.layout-single-column .search__popout__menu__item .icon-button:hover { - background-color: transparent; - color: var(--color-accent-fg); -} -.layout-single-column .search__popout__menu__item.selected, -.layout-single-column .search__popout__menu__item:active, -.layout-single-column .search__popout__menu__item:focus, -.layout-single-column .search__popout__menu__item:hover, -.layout-single-column .search__popout__menu__item.selected mark, -.layout-single-column .search__popout__menu__item:active mark, -.layout-single-column .search__popout__menu__item:focus mark, -.layout-single-column .search__popout__menu__item:hover mark { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - -@media screen and (max-width:1174px) { - .layout-single-column .search { - margin-bottom: 0; - } - .layout-single-column .explore__search-header { - padding-top: 2px; - } - .layout-single-column .search__input { - padding: 13px; - } - .layout-single-column i.fa-search, - .layout-single-column i.fa.active { - color: var(--color-accent); - transform: scale(1); - top: 14px; - } - .layout-single-column .explore__search-header { - padding: 10px 0 0; - } -} -@media screen and (max-width:889px) { - .layout-single-column .explore__search-header { - padding: 10px 10px 0; - } -} - - - -/* Dismissable banners */ -.layout-single-column .dismissable-banner { - background-color: var(--color-accent); - box-shadow: 0 5px var(--color-content-bg); - border-radius: 8px 8px 0 0; - border: 1px solid var(--color-lines); - margin: 0; -} -.layout-single-column .explore__links .dismissable-banner { - border: 0; - border-radius: 7px 7px 0 0; -} -@media screen and (max-width:889px) { - .layout-single-column .dismissable-banner, - .layout-single-column .explore__links .dismissable-banner { - border-radius: 0; - border-left: 0; - border-right: 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .dismissable-banner { - margin-top: 10px; - } - .layout-single-column .explore__links .dismissable-banner { - margin-top: 0; - } -} -.layout-single-column .dismissable-banner__message, -.layout-single-column .dismissable-banner__action .icon-button { - color: var(--color-accent-fg); -} -.layout-single-column .dismissable-banner__message h1 { - color: var(--color-accent-fg); - margin-top: 10px; -} -.layout-single-column .dismissable-banner__message__actions__wrapper { - flex-flow: row-reverse; -} -.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, rgba(99, 99, 255, 0.8), rgba(99, 99, 255, 0.5)); - padding-left: 10px; - padding-right: 10px; -} -.layout-single-column .dismissable-banner__background-image { - display: none; -} -.layout-single-column .dismissable-banner__message__actions .button, -.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { - line-height: 28px; - padding: 6px 17px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to top, rgba(122, 122, 249, .5), rgba(122, 122, 249, .3)); - } -} - - - -/* πŸ”” Notifications - ---------------- */ -.layout-single-column .status.muted .status__content, -.layout-single-column .status.muted .status__content a, -.layout-single-column .status.muted .status__content p, -.layout-single-column .status.muted .status__display-name strong, -.layout-single-column .attachment-list__list a, -.layout-single-column .attachment-list.compact .fa { - color: var(--color-content-fg-muted); -} -.layout-single-column .notification.unread::before, -.layout-single-column .status__wrapper.unread::before { - background-color: var(--color-accent); - width: 8px; - border: 0; - top: 5px; - height: auto; - bottom: 5px; - border-radius: 8px; - left: 5px; - z-index: 1; -} -.layout-single-column .notification__message { - padding: 12px 12px 0; - background-color: var(--color-content-bg); - color: var(--color-content-fg-bold); - transition: all .3s; -} -.layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .notification__display-name { - font-weight: bold; -} -.layout-single-column .notification__report { - background-color: var(--color-content-bg); - border-bottom: 0; - padding-top: 10px; - gap: 15px; -} -.layout-single-column .notification__report__details { - color: var(--color-content-fg); -} -@media screen and (min-width:889px) { - .layout-single-column .notification__message { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } - .layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .notification__report { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} -.layout-single-column .notification__message .fa { - color: var(--color-accent); -} -.layout-single-column .notification__favourite-icon-wrapper { - width: 56px; - text-align: right; -} -@media screen and (max-width:889px) { - .layout-single-column .notification__favourite-icon-wrapper { - width: 51px; - } -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star { - font-size: 15px; -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star::before { - line-height: 24px; - transform: scale(.8); -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-tasks::before { - content: var(--icon-poll-accent); - top: -1px; -} -.layout-single-column .notification .status__wrapper { - padding-top: 0; -} -.layout-single-column .notification-favourite .status__action-bar, -.layout-single-column .notification-reblog .status__action-bar, -.layout-single-column .notification-poll .status__action-bar, -.layout-single-column .notification-status .status__action-bar { - display: none; -} -.layout-single-column .account { - background-color: var(--color-content-bg); - border-bottom: 0; - padding-left: 22px; - padding-top: 4px; -} -.layout-single-column .explore__search-results .account { - padding-top: 16px; -} -@media screen and (min-width:890px) { - .layout-single-column .account { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} - - - -/* πŸ“‹ Lists tab */ -.layout-single-column .column-inline-form { - background-color: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; -} -@media screen and (max-width:1174px) { - .layout-single-column .column-inline-form { - margin-top: 10px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .column-inline-form { - margin-left: 10px; - margin-right: 10px; - } -} -.layout-single-column .column-inline-form label input, -.layout-single-column .column-inline-form label input:focus { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .column-inline-form label input:focus { - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .column-subheading, -.layout-single-column .columns-area__panels__main .column-link { - background-color: var(--color-content-bg); - color: var(--color-fg); -} -.layout-single-column .column-subheading { - color: var(--color-fg-muted); - border: 1px solid var(--color-lines); - border-bottom: 0; - border-radius: 8px 8px 0 0; -} -@media screen and (max-width:889px) { - .layout-single-column .column-subheading { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} -.layout-single-column .columns-area__panels__main .column-link { - margin-left: 0; - width: 100%; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 2px solid var(--color-content-secondary-separator); - box-sizing: border-box; -} -.layout-single-column .columns-area__panels__main .column-link:hover { - background-color: var(--color-content-secondary-bg); - color: var(--color-accent); -} -.layout-single-column .columns-area__panels__main article:last-child .column-link { - border-bottom: 1px solid var(--color-lines); - border-radius: 0 0 8px 8px; -} -@media screen and (max-width:889px) { - .layout-single-column .columns-area__panels__main .column-link { - border-left: 0; - border-right: 0; - } - .layout-single-column .columns-area__panels__main article:last-child .column-link { - border-radius: 0; - } -} - -/* List adder dialog */ -.layout-single-column .list-adder, -.layout-single-column .list-adder__account, -.layout-single-column .list-adder__lists { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .list-adder__account { - margin-top: 12px; -} -.layout-single-column .list-adder .column-inline-form { - border-radius: 0; -} -.list-adder .list { - border-bottom: 2px solid var(--color-content-secondary-separator); -} - - -/* βž• Follow requests */ -.layout-single-column #Follow-requests { - margin-bottom: 0; - z-index: 0; -} -.layout-single-column .account-authorize__wrapper { - margin: 10px 0; -} -.layout-single-column .account-authorize { - background-color: var(--color-content-bg); - border-radius: 8px 8px 0 0; - padding: 20px -} -.layout-single-column .account--panel { - background-color: var(--color-accent-bg); - border: 0; - border-radius: 0 0 8px 8px; -} -.layout-single-column .account__header__content { - color: var(--color-content-fg); -} -.layout-single-column .account--panel__button:first-child .icon-button { - color: var(--color-accent); -} -@media screen and (max-width:1174px) { - .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button { - position: absolute; - right: 0; - margin: 0; - width: auto; - } -} - - -/* ⏺️ Other UI components : buttons, toggles, ... - ----------------------------------------- */ -.layout-single-column .button, -.layout-single-column .account__header__tabs__buttons .icon-button { - border-radius: 8px; -} -.layout-single-column .button, -.layout-single-column .button.logo-button, -.layout-single-column .rules-list li:before, -.layout-single-column .icon-with-badge__badge { - background-color: var(--color-accent); - color: var(--color-accent-fg); - transition: all .2s; -} -.layout-single-column .button:disabled, -.layout-single-column .button.disabled { - opacity: .7; -} -.layout-single-column .text-icon-button.active, -.layout-single-column .button.button-tertiary, -.layout-single-column .account__header__fields a, -.layout-single-column .account__header__bio .account__header__fields a, -.layout-single-column .reply-indicator__content a.unhandled-link, -.layout-single-column .status__content a, -.layout-single-column .status__content a.hashtag, -.layout-single-column .status__content a.unhandled-link, -.layout-single-column .column-back-button, -.layout-single-column .about__section__title, -.layout-single-column .prose a, -.layout-single-column .column-link--transparent.active, -.layout-single-column .column-header > .column-header__back-button, -.layout-single-column .column-header__back-button, -.layout-single-column .interaction-modal__icon, -.layout-single-column .status__content a.mention, -.layout-single-column .status__content__read-more-button, -.layout-single-column .link-button, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button, -.layout-single-column .status__action-bar__dropdown .icon-button.active, -.layout-single-column .account__relationship .icon-button.active, -.layout-single-column .account__header__tabs__buttons .icon-button.active, -.layout-single-column .text-btn, -.layout-single-column .detailed-status__action-bar-dropdown .icon-button, -.layout-single-column .notification-bar-action { - color: var(--color-accent); -} -.layout-single-column .icon-button, -.layout-single-column .icon-button.inverted, -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { - color: var(--color-content-fg); -} -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { - background-color: var(--color-accent-bg); - border-radius: 8px; -} -.layout-single-column .account__header__tabs__buttons .icon-button { - padding: 3px; - border: 0; - color: var(--color-content-fg); - background-color: var(--color-content-secondary-bg); -} -.layout-single-column .account__header__tabs__buttons .icon-button:hover { - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .icon-button:active, -.layout-single-column .icon-button:focus, -.layout-single-column .icon-button:hover { - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .language-dropdown__dropdown { - background-color: var(--color-content-bg); - border-radius: 8px; - border: 1px solid var(--color-lines); - box-shadow: 0 0 5px rgba(0, 0, 0, .15); -} -.layout-single-column .language-dropdown__dropdown__results__item { - border-radius: 8px; -} -.layout-single-column .language-dropdown__dropdown__results__item.active, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item:active, -.layout-single-column .language-dropdown__dropdown__results__item:focus, -.layout-single-column .language-dropdown__dropdown__results__item:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .language-dropdown__dropdown__results__item__native-name { - font-weight: bold; -} -.layout-single-column .language-dropdown__dropdown__results__item__common-name { - opacity: .7; -} -.layout-single-column .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item__native-name { - color: var(--color-content-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__native-name { - color: var(--color-accent-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__common-name { - color: var(--color-accent); -} -.layout-single-column .button:not(.button-secondary):active, -.layout-single-column .button:not(.button-secondary):focus, -.layout-single-column .button:not(.button-secondary):hover, -.layout-single-column .button.button-tertiary:active, -.layout-single-column .button.button-tertiary:focus, -.layout-single-column .button.button-tertiary:hover, -.layout-single-column .button.logo-button:active, -.layout-single-column .button.logo-button:focus, -.layout-single-column .button.logo-button:hover { - background-color: var(--color-accent-focus); -} - -/* ⏺️ Toggles */ -.layout-single-column .setting-toggle__label { - vertical-align: top; -} -.layout-single-column .react-toggle-track { - background-color: var(--color-accent-lines); - box-shadow: - 0 0 0 20px var(--color-accent-lines) inset, - 0 0 0 20px var(--color-accent-lines) inset, - 0 0 0 1px var(--color-accent-lines) inset, - 0 0 0 1px var(--color-accent-lines) inset -} -.layout-single-column .react-toggle-thumb { - border: 0; -} -.layout-single-column .react-toggle.react-toggle--checked .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { - background-color: var(--color-accent); -} -.layout-single-column .react-toggle--checked .react-toggle-thumb { - border-color: var(--color-accent); -} -.layout-single-column .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { - background-color: var(--color-accent-focus); -} - - -/* ⏺️ Radio buttons */ -.layout-single-column .radio-button { - color: var(--color-content-fg); -} -.layout-single-column .radio-button__input { - border-width: 2px; - border-color: var(--color-content-fg-muted); - background-color: var(--color-content-bg); -} -.layout-single-column .radio-button__input.checked { - border-color: var(--color-accent); - background-color: var(--color-accent); -} - -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__container__header, -.layout-single-column .dropdown-menu__item.edited-timestamp__history__item, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__item button { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border-color: var(--color-lines); -} - -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__arrow:before { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border: 0; -} -.layout-single-column .dropdown-menu__item a:active, -.layout-single-column .dropdown-menu__item a:focus, -.layout-single-column .dropdown-menu__item a:hover, -.layout-single-column .dropdown-menu__item button:active, -.layout-single-column .dropdown-menu__item button:focus, -.layout-single-column .dropdown-menu__item button:hover { - background: var(--color-accent); - color: var(--color-accent-fg); - outline: 0; -} -.layout-single-column .dropdown-menu__separator { - border-color: var(--color-content-secondary-separator); -} - -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, -.layout-single-column .privacy-dropdown__option.active, -.layout-single-column .privacy-dropdown__option.active:hover, -.layout-single-column .privacy-dropdown__option:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, -.layout-single-column .privacy-dropdown .icon-button.inverted.active { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - -.layout-single-column .button.button-tertiary.button--confirmation, -.layout-single-column .button.button-tertiary.button--destructive { - background-color: transparent; -} -.layout-single-column .button.button-tertiary.button--confirmation { - color: #4e8a6b; - background-color: rgba(121, 189, 154, 0.3); -} -.layout-single-column .button.button-tertiary.button--destructive { - color: #df405a; - background-color: rgba(223, 64, 90, 0.3); -} -.layout-single-column .button.button-tertiary.button--confirmation:active, -.layout-single-column .button.button-tertiary.button--confirmation:focus, -.layout-single-column .button.button-tertiary.button--confirmation:hover { - background-color: #79bd9a; - color: #ffffff; -} -.layout-single-column .button.button-tertiary.button--destructive:active, -.layout-single-column .button.button-tertiary.button--destructive:focus, -.layout-single-column .button.button-tertiary.button--destructive:hover { - background-color: #df405a; - color: #ffffff; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .button.button-tertiary.button--confirmation { - color: #72cb9d; - } - .layout-single-column .button.button-tertiary.button--destructive { - color: #f3637b; - } -} -.layout-single-column .app-body .block-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__secondary-button, -.layout-single-column .app-body .mute-modal__cancel-button { - background-color: transparent; -} -.layout-single-column .status__content a.hashtag { - color: var(--color-accent); -} - - - -/* πŸ–±οΈ Interaction modals - --------------------- */ -.layout-single-column .interaction-modal { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .interaction-modal, -.layout-single-column .interaction-modal__lead h3 { - color: var(--color-content-fg); -} -.layout-single-column .interaction-modal__lead p, -.layout-single-column .interaction-modal__choices__choice p { - color: var(--color-fg); -} -.layout-single-column .interaction-modal p { - color: var(--color-content-fg); -} -.layout-single-column .interaction-modal p.hint { - color: var(--color-content-fg-muted); -} -.layout-single-column .interaction-modal .button, -.layout-single-column .interaction-modal .button.button-tertiary { - padding: 10px 18px; -} -.layout-single-column .interaction-modal .button.button-tertiary:hover { - background-color: var(--color-content-secondary-separator); -} -.layout-single-column .copypaste input, -.layout-single-column .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .interaction-modal__login.expanded .interaction-modal__login__input { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .interaction-modal__login__input input::placeholder { - color: var(--color-accent); -} -.layout-single-column .interaction-modal__login.focused .interaction-modal__login__input { - background-color: var(--color-content-bg); - border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .interaction-modal__login .search__popout { - border-color: var(--color-lines); -} -.layout-single-column .interaction-modal .copypaste button { - padding: 8px 18px; -} -.layout-single-column .modal-root__overlay { - background-color: hsla(0, 0%, 1%, 0.7); -} -.layout-single-column .modal-root__modal, -.layout-single-column .boost-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .boost-modal__container { - margin-bottom: -11px; -} -.layout-single-column .confirmation-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .block-modal__action-bar, -.layout-single-column .boost-modal__action-bar, -.layout-single-column .confirmation-modal__action-bar, -.layout-single-column .mute-modal__action-bar { - background-color: var(--color-accent-bg); -} -.layout-single-column .block-modal__action-bar > div, -.layout-single-column .boost-modal__action-bar > div, -.layout-single-column .confirmation-modal__action-bar > div, -.layout-single-column .mute-modal__action-bar > div, -.layout-single-column .boost-modal__container .status__content__text, -.layout-single-column .boost-modal__container .display-name strong.display-name__html, -.layout-single-column .boost-modal__container .status__info, -.layout-single-column .boost-modal__container .status__relative-time time, -.layout-single-column .boost-modal__container .status.light .status__visibility-icon { - color: var(--color-content-fg); -} -.layout-single-column .actions-modal ul li:not(:empty) a { - color: var(--color-content-fg); -} -.layout-single-column .actions-modal ul li:not(:empty) a.active, -.layout-single-column .actions-modal ul li:not(:empty) a.active button, -.layout-single-column .actions-modal ul li:not(:empty) a:active, -.layout-single-column .actions-modal ul li:not(:empty) a:active button, -.layout-single-column .actions-modal ul li:not(:empty) a:focus, -.layout-single-column .actions-modal ul li:not(:empty) a:focus button, -.layout-single-column .actions-modal ul li:not(:empty) a:hover, -.layout-single-column .actions-modal ul li:not(:empty) a:hover button { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - - -/* Media modals */ -.layout-single-column .modal-root__modal.media-modal { - background-color: rgba(255, 255, 255, .8); -} -.layout-single-column .media-modal__overlay .picture-in-picture__footer { - background-color: transparent; -} -.layout-single-column .media-modal__nav, -.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button { - color: var(--color-content-fg); -} -.layout-single-column .media-modal__page-dot { - background-color: var(--color-content-fg); -} -@media (prefers-color-scheme: dark) { - .layout-single-column .modal-root__modal.media-modal { - background-color: rgba(0, 0, 0, .6); - } -} - - -/* Report modals */ -.layout-single-column .report-dialog-modal__container { - border-top: 0; -} -.layout-single-column .report-dialog-modal__lead { - color: var(--color-content-fg-muted); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option { - border-color: var(--color-lines); - border-width: 3px; -} -.layout-single-column .report-dialog-modal .dialog-option .poll__input { - border-color: var(--color-accent); -} -.layout-single-column .report-dialog-modal .dialog-option .poll__input.active { - border-color: var(--color-accent); - background-color: var(--color-accent); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text { - color: var(--color-content-fg); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { - color: var(--color-content-fg-bold) -} -.layout-single-column .report-modal__comment, -.layout-single-column .report-modal__container { - border-color: var(--color-lines); -} -.layout-single-column .report-modal__comment .setting-text-label { - color: var(--color-content-fg); -} - - - -/* πŸ–ΌοΈ Picture in Picture */ -.layout-single-column .picture-in-picture { - box-shadow: 0 0 5px rgba(0, 0, 0, .2); - border-radius: 8px; -} -.layout-single-column .picture-in-picture__footer, -.layout-single-column .picture-in-picture__header { - background-color: var(--color-content-bg); -} -.layout-single-column .picture-in-picture__header .display-name span { - color: var(--color-content-fg-muted); -} - -/* ⏯️ Video controls */ -.layout-single-column .video-player__seek__progress, -.layout-single-column .video-player__volume__handle, -.layout-single-column .video-player__volume__current, -.layout-single-column .video-player__seek__handle { - background-color: var(--color-accent); -} - - -/* πŸ“„ Meta - ------- */ -.layout-single-column .link-footer p, -.layout-single-column .link-footer a { - color: var(--color-fg-muted); -} - -/* Server banner */ -.layout-single-column .server-banner__introduction { - display: none; -} -.layout-single-column .server-banner { - padding: 0 0 20px; -} -.layout-single-column .server-banner__hero { - border-radius: 8px 8px 0 0; - margin-bottom: 0; -} -.layout-single-column .server-banner__description { - padding: 20px 15px 20px; - margin-bottom: 0; - background-color: var(--color-content-bg); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .server-banner__meta { - padding: 0 15px 20px; - background-color: var(--color-content-bg); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - gap: 0; - margin: 0; - border-radius: 0 0 8px 8px; - align-items: end; -} -.layout-single-column .server-banner h4 { - color: var(--color-fg); - font-size: 80%; -} -.layout-single-column .server-banner__number { - color: var(--color-content-fg-bold); -} -.layout-single-column .server-banner__number-label { - color: var(--color-content-fg); -} -.layout-single-column .server-banner .account { - background-color: transparent; - box-shadow: none; - padding: 0; - border-left: 0; - border-right: 0; -} -.layout-single-column .server-banner__meta__column:first-child { - width: calc(60% - 5px); -} -.layout-single-column .server-banner__meta__column:nth-child(2) { - width: calc(40% - 5px); -} -.layout-single-column .server-banner .button.button-secondary { - padding: 10px; - margin: 10px 0; -} -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { - border: 0; - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .button.button-secondary:hover, -.layout-single-column .button.button-tertiary:hover { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .sign-in-banner .button, -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { - padding: 10px 18px; -} -@media screen and (max-width:1174px) { - .layout-single-column .button.button-tertiary { - padding: 7px 18px; - } -} -.layout-single-column .sign-in-banner p { - color: var(--color-fg); - opacity: .5; -} - - - -/* πŸ€— Onboarding */ -.layout-single-column .scrollable.follow-recommendations-container, -.layout-single-column .column-list { - background-color: var(--color-content-bg); -} -.layout-single-column .column-title .logo { - display: none; -} -.layout-single-column .column-title h3, -.layout-single-column .column-title p { - color: var(--color-content-fg); -} -.layout-single-column .column-list { - border: 0; -} -.layout-single-column .account__note { - color: var(--color-content-fg-muted); -} - -.layout-single-column .onboarding__steps__item, -.layout-single-column .onboarding__link { - background-color: var(--color-content-secondary-bg); - transition: all .2s; -} -.layout-single-column .onboarding__steps__item:active, -.layout-single-column .onboarding__steps__item:focus, -.layout-single-column .onboarding__steps__item:hover, -.layout-single-column .onboarding__link:active, -.layout-single-column .onboarding__link:focus, -.layout-single-column .onboarding__link:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .onboarding__steps__item__icon, -.layout-single-column .onboarding__steps__item__description h6, -.layout-single-column .onboarding__link { - color: var(--color-accent); -} -.layout-single-column .onboarding__steps__item__description p, -.layout-single-column .onboarding__lead, -.layout-single-column .onboarding__lead strong { - color: var(--color-content-fg); -} -.layout-single-column .onboarding__steps__item__go svg path, -.layout-single-column .onboarding__link svg path { - fill: var(--color-accent); -} - -.layout-single-column .follow-recommendations { - background-color: var(--color-content-bg); -} -.layout-single-column .follow-recommendations .account { - border-left: 0; - border-right: 0; - margin-bottom: 15px; -} -.layout-single-column .follow-recommendations .account__note { - color: var(--color-content-fg); - opacity: .7; -} -.layout-single-column .follow-recommendations .account__note p { - overflow: hidden; -} - -.layout-single-column .copy-paste-text { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); - color: var(--color-content-fg); -} -.layout-single-column .copy-paste-text:focus, -.layout-single-column .copy-paste-text:active, -.layout-single-column .tip-carousel:focus { - border-color: var(--color-accent); -} -.layout-single-column .copy-paste-text:has(textarea:focus) { - border-color: var(--color-accent); -} - -/* πŸ“’ Announcements */ -.layout-single-column .announcements, -.layout-single-column .announcements::after { - background-color: var(--color-accent-bg); - color: var(--color-content-fg); -} -.layout-single-column .announcements { - margin-top: 10px; - border-radius: 8px; - overflow: visible; - z-index: 0; - box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .announcements__item strong { - font-weight: 800; - color: var(--color-content-fg-bold); -} -.layout-single-column .announcements__item__unread { - color: var(--color-accent); -} -.layout-single-column .announcements__pagination, -.layout-single-column .announcements__pagination .icon-button { - color: var(--color-content-fg); -} -.layout-single-column .announcements__mastodon { - border-radius: 0 0 0 8px; -} -.layout-single-column .reactions-bar__item { - background-color: var(--color-content-bg); -} -.layout-single-column .reactions-bar__item.active { - background-color: var(--color-accent); -} -.layout-single-column .reactions-bar__item__count, -.layout-single-column .reactions-bar__item__count .animated-number { - color: var(--color-content-fg); -} -.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number { - color: var(--color-accent-fg); -} -.layout-single-column .reactions-bar .emoji-button, -.layout-single-column .announcements__item__content a.unhandled-link, -.layout-single-column .announcements__item__content a { - color: var(--color-accent); -} -.layout-single-column .announcements .emoji-button { - margin: 0; -} -@media screen and (max-width:1174px) { - .layout-single-column .announcements { - box-shadow: none; - margin-top: -10px; - border-radius: 0; - } - .layout-single-column .announcements__mastodon { - border-radius: 0; - } -} - - - -/* 404 */ -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .error-column { - border: 1px solid var(--color-lines); - border-radius: 8px !important; -} -.layout-single-column .error-column__message h1, -.layout-single-column .error-column__message { - color: var(--color-content-fg); -} -.layout-single-column .error-column__image { - margin-top: 0; -} -@media screen and (max-width:889px) { - .layout-single-column .error-column { - border-radius: 0 !important; - border-left: 0; - border-right: 0; - } -} - - - -/* πŸ“œ About page - ------------- */ -.layout-single-column .scrollable.about { - background-color: var(--color-content-bg); - border: 1px solid var(--color-lines); - display: flex; - flex-flow: column; -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable.about { - border-left: 0; - border-right: 0; - } -} -.layout-single-column .about__header { - order: 1; - margin-bottom: 10px; -} -.layout-single-column .about__section:nth-child(3) { - order: 3; -} -.layout-single-column .about__meta { - order: 2; -} -.layout-single-column .about__section:nth-child(4) { - order: 4; -} -.layout-single-column .about__section:nth-child(5) { - order: 5; -} -.layout-single-column .link-footer { - order: 6; -} -.layout-single-column .about__footer { - order: 7; -} -.layout-single-column .about__header h1, -.layout-single-column .about__header p, -.layout-single-column #mastodon > div > div > div.columns-area__panels > div.columns-area__panels__main > div.columns-area.columns-area--mobile > div > div > div.about__section.active:nth-of-type(3) > div.about__section__title { - display: none; -} -.layout-single-column .about__header p, -.layout-single-column .about__meta h4 { - color: var(--color-fg); -} -.layout-single-column .about__header__hero { - margin: -20px -20px 20px; - width: calc(100% + 40px); - border-radius: 0; - background-color: var(--color-content-bg); -} -.layout-single-column .about__header__hero, -.layout-single-column .about__meta { - margin-bottom: 10px; -} -.layout-single-column .about__header h1 { - margin-bottom: 0; -} -@media screen and (min-width:890px) { - .layout-single-column .scrollable.about { - border-radius: 8px !important; - } - .layout-single-column .about__header__hero { - border-radius: 8px 8px 0 0; - } -} -.layout-single-column .about__mail { - color: var(--color-content-fg); -} -.layout-single-column .about__meta h4 { - font-size: 12px; - font-weight: bold; - margin-bottom: 8px; -} -.layout-single-column .about__meta .account { - background: none; - box-shadow: none; - padding: 0; - border-left: 0; - border-right: 0; -} -.layout-single-column .about__meta__divider { - border-left: 3px solid var(--color-content-secondary-separator); -} -@media screen and (max-width:600px) { - .layout-single-column .about__meta__divider { - border-top: 3px solid var(--color-content-secondary-separator); - width: 90%; - } -} -.layout-single-column .about__section:nth-child(3) .about__section__body { - padding-bottom: 3em; -} -.layout-single-column .about__meta, -.layout-single-column .about__section__title { - color: var(--color-accent); - background-color: var(--color-content-secondary-bg); - border: 0; - border-radius: 8px; -} -.layout-single-column .about__section.active .about__section__title { - border-radius: 8px 8px 0 0; -} -.layout-single-column .about__section.active:not(:nth-of-type(3)) .about__section__body { - border: 0 !important; - background-color: var(--color-content-secondary-bg); - border-radius: 0 0 8px 8px; -} - -.layout-single-column .prose, -.layout-single-column .prose p, -.layout-single-column .prose b, -.layout-single-column .prose h1, -.layout-single-column .prose h2, -.layout-single-column .prose h3, -.layout-single-column .prose h4, -.layout-single-column .prose h5, -.layout-single-column .prose h6, -.layout-single-column .prose strong, -.layout-single-column .rules-list, -.layout-single-column .about__domain-blocks__domain h6, -.layout-single-column .about__domain-blocks__domain__type { - color: var(--color-content-fg); -} -.layout-single-column .prose ul>li:before { - background-color: var(--color-fg); -} -.layout-single-column .about__section__body .prose hr { - border-color: var(--color-content-secondary-separator); - margin-top: 2em; - margin-bottom: 2em; - border-width: 3px; -} -.layout-single-column .about__section__body .prose a, -.layout-single-column .about__section__body .prose a:hover, -.layout-single-column .prose a strong { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .about__section__body .prose a:hover { - text-decoration: underline; -} -.layout-single-column .about__section__body .prose small.lang_label { - margin-left: -2em; - margin-top: 1px; - display: block; - color: var(--color-content-fg-muted); - font-weight: bold; - font-size: 80%; - float: left; -} -.about__section.active .about__section__title { - background-color: var(--color-accent-bg); -} -.layout-single-column .rules-list li { - border-bottom: 2px solid var(--color-accent-lines); - padding: 1em 1.75em 1em 3.4em; -} -.layout-single-column .rules-list li:last-child { - border-bottom: 0; -} -.about__domain-blocks { - background-color: var(--color-content-bg); - border: 0; -} -.about__domain-blocks__domain { - color: var(--color-content-fg); - border-bottom: 0; -} -.about__domain-blocks__domain:nth-child(2n) { - background-color: var(--color-content-secondary-bg); -} - - - -/* Privacy Policy page */ -.layout-single-column .column > .scrollable.privacy-policy { - border: 1px solid var(--color-lines); - background-color: var(--color-content-bg); -} - - - -/* πŸ‘‹ Hide superfluous UI */ -.layout-single-column div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr, -.layout-single-column .navigation-panel__legal > hr, -.layout-single-column .about__footer, /* Hide meta footer */ -.layout-single-column .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */ -.layout-single-column .search-banner ~ .search, /* Hide search field for logged out users */ -.layout-single-column .getting-started__trends h4, /* Hide Trending header in sidebar */ -.layout-single-column .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ { - display: none; -} diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss new file mode 100644 index 0000000..5a54599 --- /dev/null +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -0,0 +1,4880 @@ +/* TangerineUI 🍊 for Mastodon ・ Purple variant πŸͺ» + version: 2.0.0-pre + + A Tangerine redesign for Mastodon's Web UI. + https://github.com/nileane/TangerineUI-for-Mastodon/ + + by @nileane@nileane.fr + + Compatible with: Mastodon v4.3.0 βœ… +*/ + + +/* 🎨 Colors */ +:root { + --color-bg: #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-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); + } +} + + +/* πŸ“ 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% - 4em); +} +.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); +} + +/* πŸ“Š 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:focus { + box-shadow: 0 0 0 2px 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; +} + + + +/* 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; + } +} +.app-body .columns-area__panels__main .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: 22px 20px 24px; + 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 (min-width:890px) and (max-width:1174px) { + .app-body .hashtag-header { + margin-top: 15px; + } +} +@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"])::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 + ------- */ +.app-body .link-footer p, +.app-body .link-footer a { + color: var(--color-fg-muted); +} + +/* 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: 2px 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/mastodon/app/javascript/styles/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui.scss index db88b68..84ed96c 100644 --- a/mastodon/app/javascript/styles/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui.scss @@ -1,2 +1,2 @@ @import 'application'; -@import 'tangerineui/layout-single-column.scss'; +@import 'tangerineui/tangerineui.scss'; diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss deleted file mode 100644 index 246a112..0000000 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ /dev/null @@ -1,4009 +0,0 @@ -/* TangerineUI 🍊 for Mastodon - version: 1.9.5 - - A Tangerine redesign for Mastodon's Web UI. - https://github.com/nileane/TangerineUI-for-Mastodon/ - - by @nileane@nileane.fr - - Compatible with: Mastodon v4.2.1 βœ… -*/ - - -/* 🎨 Colors */ -:root { - --color-bg: #f5f2ef; - --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: #282015; - --color-secondary-separator: #25201c; - - --color-content-bg: #111111; - --color-content-fg: #f2f2f2; - --color-content-fg-bold: #ffffff; - --color-content-fg-muted: #737373; - --color-content-secondary-bg: #292623; - --color-content-secondary-separator: rgba(77, 73, 70, 0.4); - --color-content-bg-focus: #1b1b1b; - - --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 { - --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"); - - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23282C37" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23282C37" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23282C37" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23282C37; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23f76902; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-active: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23F91880; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 2.942,1.19 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.132,-1.141 2.399,-4.08 2.681,-6.645c0.025,-0.227 0.042,-0.451 0.051,-0.671c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-4.948,2.976c1.093,-0 1.98,0.887 1.98,1.98c0,1.093 -0.887,1.98 -1.98,1.98c-1.093,-0 -1.98,-0.887 -1.98,-1.98c0,-1.093 0.887,-1.98 1.98,-1.98Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M6.194,17.686c1.126,1.126 3.356,0.784 2.229,1.911c-1.126,1.126 -4.134,2.305 -5.261,1.179c-1.126,-1.127 0.053,-4.135 1.179,-5.261c1.127,-1.127 0.727,1.045 1.853,2.171Z'/%3E%3C/svg%3E"); - --icon-boost-status: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-boost-notification-wrapper: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='24' height='24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2300ba7c' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23282C37' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23282C37'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23f76902' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23f76902'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23282C37' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23282C37" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23282C37' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f76902' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23282C37' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23f76902"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23f76902" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23f76902" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23f76902" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23282C37'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23282C37" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23282C37" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23282C37" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f76902" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ba7c' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23282C37" xmlns="http://www.w3.org/2000/svg" color="%23282C37"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23282C37" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23f76902" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23f76902" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23282C37" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23282C37" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23282C37" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23282C37" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23f76902" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23ffb609" stroke="%23ffb609" stroke-width="4" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23282C37' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23444a5a;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f76902;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); -} -@media (prefers-color-scheme: dark) { - :root { - --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"); - - --icon-follow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%23ffffff" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7H214.7l.5-8.3c.7-9.8 1.4-11.5 8.2-18.5 8.6-9 7-8.7 41.4-9l30.2-.3V259h-9.5c-9.4 0-9.5 0-9.1-2.3.3-1.2 1.5-10.8 2.6-21.2 1.2-10.5 3-26.5 4.1-35.7 1-9.2 1.9-17.2 1.9-17.8 0-.7 12.3-1 38.5-1 23.5 0 40.3-.4 43.4-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%23ffffff" d="M317.2 207c-1.8 1.1-4.1 3.4-5.2 5.2-1.9 3.1-2 5.1-2 38V285h-34.7c-33 0-35 .1-38.1 2-6.7 4.1-7.2 6-7.2 30s.5 25.9 7.2 30c3.1 1.9 5.1 2 38.1 2H310v34.7c0 33 .1 35 2 38.1 4.1 6.7 6 7.2 30 7.2s25.9-.5 30-7.2c1.9-3.1 2-5.1 2-38.1V349h34.8c32.9 0 34.9-.1 38-2 6.7-4.1 7.2-6 7.2-30s-.5-25.9-7.2-30c-3.1-1.9-5.1-2-38-2H374v-34.8c0-32.9-.1-34.9-2-38-4.1-6.7-6-7.2-30-7.2-19.7 0-21.8.2-24.8 2z"/%3E%3Cpath fill="%23ffffff" d="M217.2 359.7c-5 43.2-5.5 50-4.2 54.7 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 8.9-5.3 12.3-11.7 13.4-25.4.9-10.2 3.5-33.2 4.2-36.6l.5-2.7-15.3-.4c-10.1-.2-16.1-.8-17.8-1.7-1.4-.7-5-3.8-8.1-6.8l-5.6-5.4-1.1 9.8z"/%3E%3C/svg%3E'); - --icon-unfollow-hashtag: url('data:image/svg+xml, %3Csvg version="1.0" xmlns="http://www.w3.org/2000/svg" width="18px" height="auto" viewBox="0 0 462 439"%3E%3Cpath fill="%2300ba7c" d="M139 11.7c-3.5 2.5-6.2 5.4-7.7 8.3-2.5 4.8-2.5 5.2-7.8 52.5-1.4 12.6-3.5 31.4-4.7 41.7l-2.1 18.7-48.6.3-48.6.3-5 3.1C7.2 141.1 3 148.4 3 156.7c0 4.4.6 7.6 2 10.2 2.7 5.4 10.1 11.6 15.5 13 2.9.7 19.2 1.1 47.8 1.1 40.9 0 43.5.1 43.1 1.7-.4 1.9-8.4 73.2-8.4 75.2 0 .8-11.4 1.1-41 1.1H20.9l-4.8 2.5C7.5 265.8 3 273 3 282.5s4.5 16.7 13.1 21l4.8 2.5H97.6l-5.3 46.7c-2.9 25.8-5.4 50.3-5.5 54.5-.1 7 .2 8.2 2.8 12.5 1.7 2.7 5.1 6.2 7.8 8 4.5 3.1 5.4 3.3 13 3.3 8.9 0 10.2-.5 16.8-6.8 4.8-4.6 6.3-9.3 8.2-26.7.9-7.7 2.7-23.9 4-36 1.4-12.1 3.3-29.5 4.3-38.8l1.7-16.7h38.8c21.3 0 38.8.4 38.8.9 0 1-2.3 21.5-5 45.1-5.9 52.1-6.4 57.6-5 62.4 1.5 5.4 7.5 12.7 12.4 15 5.2 2.4 17.1 2.2 21.6-.5 5-3 8.7-6.7 10.1-10.1 1.2-2.9 1.1-3.1-10.8-15.1-6.7-6.7-12.6-13.2-13.2-14.4-1.5-2.9-1.4-25.8 0-28.6.6-1.2 9.2-10.3 19-20.3 24-24.2 24-20.9.3-44.4-9.6-9.6-18.2-18.7-19-20.2-2-3.8-2-25.8 0-29.6 1.7-3.2 34.2-35.5 37.3-37.1 1.2-.6 4.2-1.1 6.6-1.1 5.2 0 4.6 1.5 6.8-17.3l1.1-9.7h38.4c23.4 0 40.2-.4 43.3-1.1 6.1-1.3 13.5-7.4 16.2-13.4 5.2-11.4.2-24.9-11.5-30.9l-4.9-2.6H290.4l5.3-46.8c5.3-47.1 6.1-59 4.3-63.6-1.4-3.7-7.9-10.5-12.1-12.7C285.2 8.6 282 8 277.2 8c-6.2 0-7.5.4-11.8 3.2-9.2 6.2-10.1 8.6-12.9 31.8-3.4 28.9-7.2 63.4-8.7 77.7l-1.2 12.3h-77.8l.6-4.3c.3-2.3.8-7.1 1.1-10.7.6-6.1 2.5-23.4 7.6-68 1.2-10.8 1.9-21.1 1.6-23.1-1.1-5.5-6.2-12.6-11.4-15.9-4.2-2.7-5.6-3-12.3-3-7.2 0-8 .2-13 3.7zm97.5 174.5c-.4 2.9-1.5 12.9-2.5 22.3-1.1 9.3-2.7 24.5-3.7 33.7l-1.7 16.8H150.9l.6-6.3c.3-3.4 1.7-15.7 3-27.2 1.3-11.6 2.9-26.3 3.6-32.8l1.2-11.7H237l-.5 5.2z"/%3E%3Cpath fill="%2300ba7c" d="M277.5 223.2c-3.1 1.7-28.5 27-30.1 30-1.7 3.2-1.9 12-.3 15.1.6 1.2 11.7 12.9 24.7 25.9l23.7 23.8-23.7 23.7c-13 13.1-24.1 24.8-24.7 26-1.6 3.1-1.4 11.9.3 15.1 1.7 3.2 27.2 28.5 30.3 30.1 2.8 1.4 11.8 1.4 14.6 0 1.2-.6 12.9-11.7 26-24.7l23.7-23.7 23.8 23.7c13 13 24.7 24.1 25.9 24.7 2.8 1.4 11.8 1.4 14.6 0 3.1-1.6 28.6-26.9 30.3-30.1 1.7-3.2 1.9-12 .3-15.1-.6-1.2-11.7-12.9-24.7-26L388.5 318l23.7-23.8c13-13 24.1-24.7 24.7-25.9 1.6-3.1 1.4-11.9-.3-15.1-1.7-3.2-27.2-28.5-30.3-30.1-2.8-1.4-11.8-1.4-14.6 0-1.2.6-12.9 11.7-25.9 24.7L342 271.5l-23.7-23.7c-13.1-13-24.8-24.1-26-24.7-2.8-1.4-12.2-1.4-14.8.1z"/%3E%3C/svg%3E'); - --icon-boost: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23ffffff; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-boost-accent: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill:%23e68933; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M21.502,2.561c-1.212,-1.213 -3.11,-1.53 -5.346,-0.89c-2.031,0.581 -4.151,1.901 -5.968,3.718c-0.235,0.235 -0.462,0.477 -0.68,0.722c-2.765,0.035 -6.278,1.476 -7.556,2.745c-0.442,0.438 -0.666,0.896 -0.666,1.359c0,0.351 0.184,0.677 0.486,0.857l4.38,2.629c0.041,1.212 0.448,2.242 1.208,3.001c0.745,0.746 1.758,1.137 2.942,1.19l2.564,4.275c0.181,0.301 0.507,0.485 0.858,0.485c0.463,0 0.92,-0.224 1.359,-0.665c1.232,-1.242 2.625,-4.615 2.732,-7.316c0.291,-0.255 0.58,-0.518 0.859,-0.797c1.816,-1.817 3.137,-3.936 3.717,-5.968c0.639,-2.235 0.323,-4.133 -0.889,-5.345Zm-7.499,17.612l-1.428,-2.379c0.944,-0.105 1.854,-0.341 2.899,-1.02c-0.381,1.4 -0.99,2.696 -1.471,3.399Zm6.465,-12.816c-0.488,1.71 -1.628,3.522 -3.208,5.103c-1.581,1.581 -3.393,2.72 -5.103,3.209c-1.487,0.423 -2.717,0.284 -3.383,-0.381c-0.665,-0.665 -0.804,-1.898 -0.38,-3.382c0.488,-1.71 1.628,-3.522 3.208,-5.103c1.581,-1.581 3.393,-2.72 5.103,-3.209c0.566,-0.161 1.096,-0.241 1.571,-0.241c0.771,0 1.4,0.21 1.812,0.622c0.665,0.665 0.804,1.898 0.38,3.382Zm-16.703,2.579c0.703,-0.481 1.998,-1.09 3.399,-1.471c-0.679,1.044 -0.915,1.954 -1.02,2.898l-2.379,-1.427Zm11.373,-3.84c-0.78,0.78 -0.78,2.048 0,2.828c0.781,0.781 2.048,0.781 2.828,0c0.781,-0.78 0.781,-2.048 0,-2.828c-0.78,-0.781 -2.047,-0.781 -2.828,0Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E"); - --icon-reply: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23ffffff' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23ffffff'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-reply-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23e68933' aria-hidden='true'%3E%3Cg stroke-width='0.5' stroke='%23e68933'%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23ffffff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F91880' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-column-link: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-column-link-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-list: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EList%3C/title%3E%3Cpath fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M160 144h288M160 256h288M160 368h288"/%3E%3Ccircle cx="80" cy="144" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="256" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3Ccircle cx="80" cy="368" r="16" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/%3E%3C/svg%3E'); - --icon-share: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-accent: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e68933' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-share-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23595aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-share'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' y1='2' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E"); - --icon-star-column-link: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-column-link-active: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-star-notification: url('data:image/svg+xml, %3Csvg width="24" height="24" stroke-width="0" viewBox="0 0 24 24" fill="%23ffac33" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z" stroke="%23ffac33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E"); - --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-direct-messages: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-direct-messages-active: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff" stroke="%23232543" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"%3E%3Cpath d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"%3E%3C/path%3E%3Cpolyline points="22, 6 12, 13 2, 6"%3E%3C/polyline%3E%3C/svg%3E'); - --icon-users-column-link: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-accent: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23e68933"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23e68933" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23e68933" stroke-width="1.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23e68933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-users-column-link-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23000000"%3E%3Cpath d="M1 20v-1a7 7 0 017-7v0a7 7 0 017 7v1" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M13 14v0a5 5 0 015-5v0a5 5 0 015 5v.5" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round"%3E%3C/path%3E%3Cpath d="M8 12a4 4 0 100-8 4 4 0 000 8zM18 9a3 3 0 100-6 3 3 0 000 6z" stroke="%23ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23595aff' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F91880' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); - --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bookmark-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23e68933" stroke-width="2.7" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-active: url('data:image/svg+xml, %3Csvg width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" color="%23ffffff"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E'); - --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-home-notification-accent: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23e68933" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23e68933" stroke-linecap="round" stroke-linejoin="round" stroke-width="45"/%3E%3C/svg%3E'); - --icon-home-notification-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-home: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E'); - --icon-globe: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" viewBox="0 0 512 512"%3E%3Cpath d="M96.85 286.62a8 8 0 00-12.53 8.25C102.07 373.28 172.3 432 256 432a175.31 175.31 0 0052.41-8 8 8 0 00.79-15 1120 1120 0 01-109.48-55.61 1126.24 1126.24 0 01-102.87-66.77zM492.72 339.51c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 00-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 003.15 16.06c22.74 25 26.42 38.51 25.48 41.36-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46-6.76-2.08-13.79-4.49a176.76 176.76 0 0019.54-27.25c.17-.29.35-.58.52-.88A175.39 175.39 0 00432 256a178.87 178.87 0 00-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 00-106.4 35.89 177.4 177.4 0 00-45.83 51.84c-.16.29-.34.58-.51.87a175.48 175.48 0 00-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14-29.57-30.26-33.09-45.61-32.16-48.45 2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0096.22 123l.36-.44a15.74 15.74 0 00-8.67-25.43A237.38 237.38 0 0064.13 93c-30.72-3.53-50.83 2.52-59.78 18-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64 7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19 9.09-15.62 4.08-36.32-14.86-61.5z"/%3E%3C/svg%3E'); - --icon-home-column-link-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" fill="%23ffffff" width="24" height="24" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M261.56 101.28a8 8 0 00-11.06 0L66.4 277.15a8 8 0 00-2.47 5.79L63.9 448a32 32 0 0032 32H192a16 16 0 0016-16V328a8 8 0 018-8h80a8 8 0 018 8v136a16 16 0 0016 16h96.06a32 32 0 0032-32V282.94a8 8 0 00-2.47-5.79z"/%3E%3Cpath d="M490.91 244.15l-74.8-71.56V64a16 16 0 00-16-16h-48a16 16 0 00-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0043 267.56L250.5 69.28a8 8 0 0111.06 0l207.52 198.28a16 16 0 0022.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"/%3E%3C/svg%3E'); - --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E'); - --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23ffffff" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-accent: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23e68933" stroke-width="7" viewBox="-1 -1 70 70"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A'); - --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E"); - --icon-poll: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23f2f2f2;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - --icon-poll-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23e68933;transform: ;msFilter:;'%3E%3Cpath d='M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z'%3E%3C/path%3E%3C/svg%3E"); - } -} - -body.layout-single-column { - background-color: var(--color-bg); - color: var(--color-fg); - font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif; -} - -/* πŸ–±οΈ Scrollbars */ -:root:has(.layout-single-column) *::-webkit-scrollbar-track { - background-color: var(--color-bg); - padding: 2px; -} -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb { - background-color: var(--color-accent); - border-radius: 50px; - opacity: .4; -} -:root:has(.layout-single-column) *::-webkit-scrollbar-track:hover { - background-color: var(--color-bg); -} -:root:has(.layout-single-column) *::-webkit-scrollbar-thumb:hover { - background-color: var(--color-accent); - opacity: .7; -} -@media screen and (max-width:1174px) { - :root:has(.layout-single-column) *::-webkit-scrollbar { - display: none; - } -} - -/* πŸ’¨ Loading bar */ -.layout-single-column .loading-bar { - background-color: var(--color-accent); -} - -/* Resetting borders */ -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator, -.layout-single-column .audio-player, -.layout-single-column .compose-form .spoiler-input__input, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__poll-wrapper select, -.layout-single-column .poll__option input[type=text], -.layout-single-column .report-dialog-modal__textarea, -.layout-single-column .search__input, -.layout-single-column .setting-text, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .about__section__body { - border: 0; -} -.layout-single-column .column-inline-form, -.layout-single-column .column>.scrollable, -.layout-single-column .getting-started, -.layout-single-column .regeneration-indicator { - background: transparent; -} - -/* Round avatars */ -.layout-single-column .account__avatar img { - border-radius: 50%; -} - -/* Rordered layout */ -.layout-single-column .columns-area__panels__pane--navigational { - order: 1; -} -.layout-single-column .columns-area__panels__main { - order: 2; -} -.layout-single-column .columns-area__panels__pane--compositional { - order: 3; -} -.layout-single-column .columns-area--mobile .column { - flex: unset; - height: auto; -} -.layout-single-column .columns-area--mobile .column:focus-within { - overflow: visible; -} -.layout-single-column .scrollable, -.layout-single-column .column > .scrollable { - max-height: max-content; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .dismissable-banner + .scrollable { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - - -/* *️⃣ Icons - -------- */ -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-share-alt:before, -.layout-single-column i.fa-bookmark:before, -.layout-single-column i.fa-star:before, -.layout-single-column i.fa-retweet:before { - content: " "; - display: inline-block; - width: 23px; - height: 23px; - background-repeat: no-repeat; - background-position: center; -} -.layout-single-column i.fa { - background-repeat: no-repeat; -} -.layout-single-column .detailed-status__link .fa:before { - content: " "; - width: 13px; - height: 13px; - margin-bottom: -2px; - background-size: contain; -} -/* Replace bookmark icon */ -.layout-single-column i.fa-bookmark:before { - background-image: var(--icon-bookmark); - background-size: 80%; - background-position: center 55%; -} -.layout-single-column .detailed-status__button i.fa-bookmark:before { - background-image: var(--icon-bookmark-accent); -} -.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { - background-image: var(--icon-bookmark-active); -} -/* Replace share icon */ -.layout-single-column i.fa-share-alt:before { - background-image: var(--icon-share); -} -.layout-single-column .detailed-status__button i.fa-share-alt:before { - background-image: var(--icon-share-accent); -} -/* Replace star icon */ -.layout-single-column i.fa-star:before { - background-image: var(--icon-star); - text-align: center; - line-height: 34px; -} -.layout-single-column .detailed-status__button i.fa-star:before { - background-size: 75%; - background-image: var(--icon-star-accent); -} -.layout-single-column button.icon-button.active i.fa-star:before, -.layout-single-column .notification i.fa-star:before { - background-image: var(--icon-star-active); -} -.layout-single-column .detailed-status__link i.fa.fa-star:before { - content: " "; - transform: scale(.9); -} -/* Replace retweet icon */ -.layout-single-column i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost); - background-position: center; -} -.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-accent); -} -.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, -.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-active); - background-position: center; -} -.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw, -.layout-single-column .notification i.fa.fa-retweet.fa-fw { - background-image: var(--icon-boost-active); - transform: scale(.9) translate(0, -1px); -} -.layout-single-column .detailed-status__link .fa.fa-retweet:before { - background-image: var(--icon-boost); -} -.layout-single-column button.icon-button.reblogPrivate i.fa-retweet, -.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet, -.layout-single-column button.icon-button.disabled i.fa-retweet, -.layout-single-column button.icon-button.disabled:hover i.fa-retweet { - background-image: var(--icon-boost); - opacity: .2; - pointer-events: none; -} -.layout-single-column .boost-modal__action-bar .fa-retweet { - background-image: var(--icon-boost); - vertical-align: middle; -} -/* Replace reply icon */ -.layout-single-column i.fa-mail-reply::before, -.layout-single-column i.fa-reply::before, -.layout-single-column i.fa-reply-all::before { - content: var(--icon-reply); - position: relative; - top: 3px; -} -.layout-single-column .detailed-status__button i.fa-reply::before, -.layout-single-column .detailed-status__button i.fa-reply-all::before { - content: var(--icon-reply-accent); -} - - -/* Home icon */ -.layout-single-column .column-link .fa-home::before { - content: var(--icon-home); -} -.layout-single-column .column-link.active .fa-home::before { - content: var(--icon-home-column-link-active); -} -.layout-single-column .fa-home.column-header__icon:before { - content: var(--icon-home-notification-active); -} -/* Federated icon */ -.layout-single-column .column-link .fa-globe::before { - content: var(--icon-globe); -} -.layout-single-column .fa-globe.column-header__icon:before { - content: var(--icon-globe); -} -/* Local icon */ -.layout-single-column .fa-group.column-header__icon:before, -.layout-single-column .fa-users.column-header__icon:before { - content: var(--icon-users-column-link-active); -} -/* Explore icon */ -.layout-single-column .column-link .fa-hashtag::before { - content: var(--icon-hashtag); -} -.layout-single-column .column-link.active .fa-hashtag::before { - content: var(--icon-hashtag-active); -} -.layout-single-column .fa-hashtag.column-header__icon:before { - content: var(--icon-hashtag-active); -} -/* Search icon */ -.layout-single-column .column-link i.fa-search { - transform: scale(1); -} -.layout-single-column .column-link .fa.fa-search::before { - content: var(--icon-search); - left: 2px; -} -.layout-single-column .column-link.active .fa.fa-search::before { - content: var(--icon-search); -} -.layout-single-column .column-header__icon.fa-search { - vertical-align: baseline; - color: var(--color-content-fg); -} -/* Local icon */ -.layout-single-column .column-link .fa-users::before { - content: var(--icon-users-column-link); -} -.layout-single-column .column-link.active .fa-users::before { - content: var(--icon-users-column-link-active); -} -/* Notifications icon */ -.layout-single-column .column-link .fa-bell::before { - content: var(--icon-bell); -} -.layout-single-column .column-link.active .fa-bell::before { - content: var(--icon-bell-active); -} -.layout-single-column .fa-bell.column-header__icon:before { - content: var(--icon-bell-active); -} -/* Direct messages icon */ -.layout-single-column .column-link .fa-at::before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.column-header__icon:before { - content: var(--icon-direct-messages); -} -.layout-single-column .fa-at.status__prepend-icon { - transform: scale(.7); -} -.layout-single-column .fa-at.status__prepend-icon::before { - content: var(--icon-direct-messages); -} -/* Bookmarks icon */ -.layout-single-column .column-link .fa-bookmark::before { - content: var(--icon-bookmark-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-bookmark::before { - content: var(--icon-bookmark-column-link-active); -} -.layout-single-column .fa-bookmark.column-header__icon:before { - content: var(--icon-bookmark-column-link-active); -} -/* Favorites icon */ -.layout-single-column .column-link .fa-star::before { - content: var(--icon-star-column-link); - background-image: none; -} -.layout-single-column .column-link.active .fa-star::before { - content: var(--icon-star-column-link-active); -} -.layout-single-column .fa-star.column-header__icon:before { - content: var(--icon-star-column-link-active); -} -/* Lists icon */ -.layout-single-column .column-link .fa-list-ul { - transform: scale(1); - margin-right: 8px; - margin-left: 1px; -} -.layout-single-column .column-link .fa-list-ul::before { - content: var(--icon-list); - background-image: none; -} -/* Follow Requests icon */ -.layout-single-column .column-link .fa-user-plus::before { - content: var(--icon-users-column-link); - background-image: none; -} -/* Follow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { - content: var(--icon-follow-hashtag); - position: relative; - top: 2px; - right: -5px; - } - -/* Unfollow hashtag icon */ -.layout-single-column .column-header__button .column-header__icon.fa-user-times::before { - content: var(--icon-unfollow-hashtag); - position: relative; - top: 2px; - right: -5px -} -/* Polls icon */ -.layout-single-column .fa-tasks::before { - content: var(--icon-poll); - transform: scale(.8); - display: block; - position: relative; - top: 1px; -} - - - -/* πŸ“ Compose panel - ---------------- */ -.layout-single-column .compose-form { - padding: 0 0 71px; -} -.layout-single-column .navigation-bar { - border-radius: 8px 8px 0 0; - padding: 21px 15px 22px; - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .navigation-bar strong { - color: var(--color-content-fg); -} -.layout-single-column .compose-form__highlightable.active { - box-shadow: none; -} -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__highlightable.active), -.layout-single-column .compose-form__highlightable.active .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, -.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input, -.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .compose-form__warning { - border-color: var(--color-accent); -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions, -.layout-single-column .compose-form .autosuggest-textarea__textarea, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item, -.layout-single-column .compose-form .compose-form__buttons-wrapper, -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__modifiers { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border: 0; - border-top: 0; - border-radius: 0; -} -.layout-single-column .compose-form__autosuggest-wrapper, -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button, -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button, -.layout-single-column .compose-form .character-counter { - color: var(--color-content-fg); - height: 27px; -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active { - color: var(--color-accent); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea { - padding-left: 20px; - padding-right: 45px; - padding-top: 20px; -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder { - font-size: 130%; - opacity: .5; -} -.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder, -.layout-single-column .compose-form .autosuggest-account .display-name__html { - color: var(--color-content-fg); -} -.layout-single-column .compose-form .autosuggest-account .display-name__account { - color: var(--color-content-fg-muted); -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions--visible, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item { - border-radius: 8px; -} -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__html, -.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__html { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .compose-form .compose-form__buttons-wrapper { - border-radius: 0 0 8px 8px; -} -.layout-single-column .reply-indicator, -.layout-single-column .compose-form .compose-form__warning { - background-color: var(--color-accent-bg); - border-left: 1px solid var(--color-accent-lines); - border-right: 1px solid var(--color-accent-lines); - border-top: 0; - border-bottom: 0; - box-shadow: none; - margin: 0; - border-radius: 0; -} -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .simple_form .recommended, -.layout-single-column .compose-form .compose-form__warning, -.layout-single-column .compose-form .compose-form__warning a, -.layout-single-column .reply-indicator__content a, -.layout-single-column .navigation-bar__profile-edit { - color: var(--color-accent); -} - -.layout-single-column .compose-form__sensitive-button .icon-button:hover { - background-color: transparent; -} -.layout-single-column .compose-form__sensitive-button input[type=checkbox]:checked { - background-color: var(--color-accent); - border-color: var(--color-accent); -} -.layout-single-column .compose-form .autosuggest-input { - box-sizing: border-box; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .compose-form .spoiler-input.spoiler-input--visible { - margin-bottom: 0; - height: auto; - background-color: var(--color-content-bg); -} -.layout-single-column .compose-form .spoiler-input__input { - background-color: var(--color-accent-bg); - color: var(--color-accent); - margin-bottom: 0; - border-radius: 10px; - padding: 12px 15px; - box-shadow: - 0 0 0 4px inset var(--color-content-bg); -} -.layout-single-column .compose-form .spoiler-input__input:focus { - box-shadow: - 0 0 0 4px inset var(--color-content-bg), - 0 0 0 6px inset var(--color-accent), - 0 0 0 1px inset var(--color-content-bg); -} -.layout-single-column .display-name { - color: var(--color-content-fg); -} -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button { - color: #ffffff; -} -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, -.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { - background-color: rgba(0, 0, 0, .4); -} -@media screen and (max-width:1174px) { - .layout-single-column .compose-form { - padding: 0 10px 10px; - } - .layout-single-column .navigation-bar { - border-radius: 8px 8px 0 0; - margin: 10px 10px 0; - } -} - -/* Publish button */ -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper { - padding-top: 10px; - width: 100%; -} -.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button { - padding: 10px 18px; -} - -/* Emoji picker */ -.layout-single-column .emoji-button { - margin: 15px 10px 0 0; -} -.layout-single-column .emoji-picker-dropdown__menu { - overflow: hidden; - border-radius: 8px; - background-color: var(--color-content-bg); - box-shadow: - 0 0 0 1px var(--color-lines), - 0 0 5px rgba(0, 0, 0, .15); -} -.layout-single-column .emoji-mart { - width: 100% !important; - display: block; -} -.layout-single-column .emoji-mart-bar:first-child { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); -} -.layout-single-column .emoji-mart-anchor-bar { - background-color: var(--color-accent); -} -.layout-single-column .emoji-mart-anchor-selected { - color: var(--color-accent); -} -.layout-single-column .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-icon svg rect { - fill: var(--color-content-fg); -} -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path, -.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect, -.layout-single-column .emoji-mart-search-icon svg path { - fill: var(--color-accent); -} -.layout-single-column .emoji-mart-search-icon, -.layout-single-column .emoji-mart-search-icon:disabled, -.layout-single-column .emoji-mart-search-icon svg { - opacity: 1; -} -.layout-single-column .emoji-mart-scroll::-webkit-scrollbar-track { - background-color: var(--color-content-bg); -} -.layout-single-column .emoji-mart-search, -.layout-single-column .emoji-mart-scroll, -.layout-single-column .emoji-mart-category-label span { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .emoji-mart-search input { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .emoji-mart-search input:focus { - border-color: var(--color-accent); - box-shadow: 0 0 0 1px inset var(--color-accent); - outline: 0; -} -.layout-single-column .emoji-mart-search input::placeholder { - color: var(--color-accent); -} - - - -/* Zoom on emojis on hover (in post content only */ -.layout-single-column .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */ - overflow: visible; -} -.layout-single-column .status__content .emojione { - transition: transform .8s .8s; -} -.layout-single-column .status__content .emojione:hover { - transform: scale(2.5); -} - - - - -/* πŸ’¬ Posts - -------- */ -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { - color: var(--color-content-fg); -} -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong, -.layout-single-column .status__info .status__display-name .display-name__account { - color: var(--color-content-fg); -} -.layout-single-column .translate-button { - color: var(--color-content-fg-muted); -} -.layout-single-column .translate-button__meta, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button { - font-size: 85%; -} -.layout-single-column .account__display-name strong, -.layout-single-column .status__display-name strong { - font-weight: bold; -} -.layout-single-column .status { - margin-left: 56px; - padding: 0 10px; - border-bottom: 0; -} -.layout-single-column .status__wrapper { - transition: background .3s; -} -.layout-single-column .status__wrapper, -.layout-single-column .detailed-status__wrapper { - background-color: var(--color-content-bg); - padding: 13px 12px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .status__wrapper, - .layout-single-column .detailed-status__wrapper { - border-left: 0; - border-right: 0; - } - .layout-single-column .status__wrapper { - padding: 10px 8px; - } -} -.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div:first-child > .status__wrapper, -.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, -.layout-single-column .explore__search-results > div:first-child > .status__wrapper { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div:last-child > .status__wrapper, -.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, -.layout-single-column .search-results__section > div:last-child >.status__wrapper { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { - border-top: 0; -} -@media screen and (min-width:890px) { - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div:first-child > .status__wrapper, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper, - .layout-single-column .explore__search-results > div:first-child > .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div:last-child > .status__wrapper, - .layout-single-column .scrollable > div > article:last-child > div > .status__wrapper, - .layout-single-column .search-results__section > div:last-child >.status__wrapper { - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; - } - .layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { - border-top-left-radius: 0; - border-top-right-radius: 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable:first-child > div:first-child > div:first-child > .status__wrapper, - .layout-single-column .scrollable:first-child > div > article:first-child > div > .status__wrapper { - margin-top: 15px; - } -} -.layout-single-column .status__info { - height: 22px; - margin-left: -56px; - padding: 0; - margin-bottom: 0; - line-height: 10px; - align-items: start; -} -.layout-single-column .status__info .status__display-name { - overflow: visible; - align-items: start; - max-width: calc(100% - 4em); -} -.layout-single-column .status__info .status__display-name .display-name bdi, -.layout-single-column .status__info .status__display-name .display-name__account { - vertical-align: top; -} -.layout-single-column .status__info .status__display-name .display-name__account { - display: inline; - opacity: .7; -} -.layout-single-column .status__relative-time { - height: 22px; - position: absolute; - right: 22px; - color: var(--color-content-fg); - opacity: .6; - font-weight: 500; -} -.layout-single-column .status__avatar { - margin-bottom: -10px; -} -.layout-single-column .reply-indicator__content, -.layout-single-column .status__content { - line-height: 19px; -} - -.layout-single-column .e-content blockquote, -.layout-single-column .reply-indicator__content blockquote, -.layout-single-column .status__content__text blockquote { - color: var(--color-content-fg-muted); - border-color: var(--color-lines); -} - -/* πŸ“ Post dividers */ -/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */ -.layout-single-column .status::before, -.layout-single-column .notification__message::before { - position: absolute; - background-color: var(--color-lines); - height: 1px; - width: calc(100% - 77px); - right: 0; - top: -1px; - content: ""; - opacity: .7; -} -@media screen and (max-width:889px) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { - width: calc(100% - 73px); - } -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status::before, - .layout-single-column .notification__message::before { - opacity: 1; - } -} - -/* Remove border between posts when applicable */ -.layout-single-column .notification .status::before, /* no dividers on posts _inside_ notifications */ -.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */ -.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */ -.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */ -.layout-single-column .hashtag-header + article .status::before, -.layout-single-column .search-results__section .search-results__section__header + div .status::before { - display: none; -} -@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */ - .layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper .status::before, - .layout-single-column .scrollable > div > article:first-child > div > .status__wrapper .status::before{ - display: none; - } -} - -/* πŸ‘₯ Threaded replies */ -.layout-single-column .status--first-in-thread { - border-top: 0; -} -.layout-single-column .status--first-in-thread::before { - width: 100%; - right: 0; -} -.layout-single-column .status--in-thread .attachment-list, -.layout-single-column .status--in-thread .audio-player, -.layout-single-column .status--in-thread .hashtag-bar, -.layout-single-column .status--in-thread .media-gallery, -.layout-single-column .status--in-thread .picture-in-picture-placeholder, -.layout-single-column .status--in-thread .status-card, -.layout-single-column .status--in-thread .status__action-bar, -.layout-single-column .status--in-thread .status__content, -.layout-single-column .status--in-thread .video-player { - margin-left: 0; - width: auto; -} -.layout-single-column .status--in-thread .status__content__read-more-button { - -webkit-margin-start: 0; - margin-inline-start: 0; -} -.layout-single-column .status--in-thread .status__line { - -webkit-border-start: 4px solid var(--color-accent-bg); - border-inline-start: 4px solid var(--color-accent-bg); - inset-inline-start: 43px; - position: absolute; - top: 0; - width: 0; - height: 14px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .status--in-thread .status__line { - border-color: var(--color-accent-lines); - } -} -.layout-single-column .status__line.status__line--full { - height: 100%; -} -.layout-single-column .status__line--full:before { - background: transparent; -} -.layout-single-column .status__line.status__line--full.status__line--first { - top: 58px; - height: calc(100% - 58px); -} -@media screen and (max-width:889px) { - .layout-single-column .status--in-thread .status__line { - inset-inline-start: 39px; - } -} - -/* ⏺️ Posts when in focus */ -.layout-single-column .status__wrapper.focusable:focus, -.layout-single-column .detailed-status__wrapper.focusable:focus, -.layout-single-column .focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar, -.layout-single-column .status__wrapper.focusable:focus .detailed-status, -.layout-single-column .focusable:focus .detailed-status__action-bar { - outline: 0; - background: var(--color-content-bg-focus); -} -@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ - .layout-single-column .status__wrapper:has(.status__content:hover), - .layout-single-column .notification__message:has(+ div > .status__wrapper .status__content:hover) { - background: var(--color-content-bg-focus); - } -} - -/* πŸ‘οΈ Post detailed view */ -.layout-single-column .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */ - border-top: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - box-shadow: - inset 0 -4px var(--color-accent-lines), - inset 0 4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */ - border-top: 1px solid var(--color-lines); - border-top-right-radius: 8px; - border-top-left-radius: 8px; - box-shadow: - inset 0 -4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */ - border-bottom: 1px solid var(--color-lines); - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; - box-shadow: - inset 0 4px var(--color-accent-lines); -} -.layout-single-column .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */ - box-shadow: none; -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - margin-top: 15px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { - border-top-right-radius: 0; - border-top-left-radius: 0; - } - .layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - - - .layout-single-column .detailed-status { - padding: 8px 8px 14px; - } -} -.layout-single-column .detailed-status__display-avatar .account__avatar { - width: 60px !important; - height: 60px !important; -} -.layout-single-column .detailed-status .status__content { - line-height: 24px; -} -.layout-single-column .detailed-status, -.layout-single-column .detailed-status__action-bar { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .detailed-status__display-name strong, -.layout-single-column .detailed-status__display-name .display-name__account { - color: var(--color-content-fg); -} -.layout-single-column .detailed-status__display-name strong { - font-size: 18px; - font-weight: bold; -} -.detailed-status__display-name .display-name__account{ - opacity: .7; -} -.layout-single-column .detailed-status__meta { - color: var(--color-fg); - opacity: .8; -} -.layout-single-column .detailed-status__action-bar { - padding: 0; -} -.layout-single-column .animated-number { - color: var(--color-content-fg); -} - -.layout-single-column article > .account { - padding: 16px; -} -.layout-single-column article:first-child > .account { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; -} -.layout-single-column article:last-child > .account { - border-bottom: 1px solid var(--color-lines); - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .detailed-status__link { - display: inline-block; -} - -/* Hashtag bar */ -.layout-single-column .hashtag-bar a, -.layout-single-column .hashtag-bar .link-button { - color: var(--color-fg-muted); - font-size: 90%; - transition: all .1s; -} -.layout-single-column .hashtag-bar .link-button { - font-size: 80%; - margin-left: 3px; -} -.layout-single-column .hashtag-bar a { - background-color: var(--color-content-secondary-bg); - transition: all .3s; - padding: 3px 8px; - border-radius: 8px; -} -.layout-single-column .hashtag-bar a:hover, -.layout-single-column .hashtag-bar .link-button:hover { - color: var(--color-accent); -} -.layout-single-column .hashtag-bar a:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .hashtag-bar a:active, -.layout-single-column .hashtag-bar a:focus { - color: var(--color-accent-fg); - background-color: var(--color-accent); -} -.layout-single-column .hashtag-bar a:hover span { - text-decoration: none; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .hashtag-bar a, - .layout-single-column .hashtag-bar .link-button { - color: var(--color-accent); - } - .layout-single-column .hashtag-bar a:hover, - .layout-single-column .hashtag-bar .link-button:hover { - color: var(--color-content-fg); - } -} - -/* ⭐ Action bar */ -.layout-single-column .status__action-bar { - justify-content: left; - margin-top: 8px; -} -.layout-single-column .status__action-bar button, -.layout-single-column .status__action-bar .status__action-bar__dropdown, -.layout-single-column .detailed-status__action-bar button, -.layout-single-column .detailed-status__action-bar .status__action-bar__dropdown { - transition: all .3s; -} -.layout-single-column .status__action-bar .status__action-bar__dropdown { - position: absolute; - right: 18px; -} -.layout-single-column .status__action-bar .icon-button.disabled { - pointer-events: none; -} -.layout-single-column .status__action-bar .icon-button:active, -.layout-single-column .status__action-bar .icon-button.active:active, -.layout-single-column .status__action-bar .icon-button:focus, -.layout-single-column .status__action-bar .icon-button.active:focus, -.layout-single-column .detailed-status__action-bar .icon-button:active, -.layout-single-column .detailed-status__action-bar .icon-button.active:active, -.layout-single-column .detailed-status__action-bar .icon-button:focus, -.layout-single-column .detailed-status__action-bar .icon-button.active:focus { - background-color: transparent; -} -.layout-single-column .icon-button.star-icon.deactivate>.fa-star, -.layout-single-column .icon-button.star-icon.activate>.fa-star { /* Disable default star spinning animation */ - animation: none; -} -.layout-single-column .status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce .4s ease-out !important; -} -.layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.fa, -.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.fa { - animation: bounce-detailed .4s ease-out !important; -} -@keyframes bounce { - 0% { - transform: scale(.8); - } - 50% { - transform: scale(1.4); - } - 75% { - transform: scale(.6); - } - 100% { - transform: scale(.8); - } -} -@keyframes bounce-detailed { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.6); - } - 75% { - transform: scale(.8); - } - 100% { - transform: scale(1); - } -} -.layout-single-column .status__action-bar .icon-button.reblogPrivate>.fa-retweet { - opacity: 1; -} -.layout-single-column .status__action-bar .icon-button.active>.fa-retweet { - animation: launch 1.2s ease-in !important; -} -.layout-single-column .detailed-status__action-bar .icon-button.active>.fa-retweet { - animation: launch-detailed 1.2s ease-out !important; -} -@keyframes launch { - 0% { - transform: scale(.8) translate(0); - opacity: 0; - } - 5% { - transform: scale(.8) translate(0); - opacity: 1; - } - 50% { - transform: scale(.8) translate(200%, -150%); - opacity: 0; - } - 80% { - transform: scale(.8) translate(200%, -150%); - opacity: 0; - } - 85% { - transform: scale(.8) translate(-20%, 20%); - opacity: 0; - } - 100% { - transform: scale(.8) translate(0); - opacity: 1; - } -} -@keyframes launch-detailed { - 0% { - transform: scale(1) translate(0); - opacity: 0; - } - 5% { - transform: scale(1) translate(0); - opacity: 1; - } - 50% { - transform: scale(1) translate(150%, -150%); - opacity: 0; - } - 80% { - transform: scale(1) translate(150%, -150%); - opacity: 0; - } - 85% { - transform: scale(1) translate(-20%, 20%); - opacity: 0; - } - 100% { - transform: scale(1) translate(0); - opacity: 1; - } -} -.layout-single-column .status__action-bar .icon-button, -.layout-single-column .detailed-status__action-bar .icon-button { - min-width: 32px !important; - height: 32px !important; - border-radius: 30px; - position: relative; -} -.layout-single-column .status__action-bar .icon-button .fa { - transform: scale(.8); - height: 32px; - line-height: 32px; -} -.layout-single-column .status__action-bar i.fa-star:before, -.layout-single-column .status__action-bar i.fa-bookmark:before, -.layout-single-column .status__action-bar i.fa-share-alt:before, -.layout-single-column .detailed-status__action-bar i.fa-star:before, -.layout-single-column .detailed-status__action-bar i.fa-bookmark:before, -.layout-single-column .detailed-status__action-bar i.fa-share-alt:before { - height: 32px; -} -.layout-single-column .icon-button.star-icon.active, -.layout-single-column .notification__favourite-icon-wrapper .star-icon { - color: #ffb609; -} -.layout-single-column .status__prepend { - padding-top: 2px; - padding-left: 0; - padding-right: 0; - margin-bottom: 0; - height: 25px; - color: var(--color-content-fg); -} -.layout-single-column .status__prepend-icon-wrapper { - width: 56px; - text-align: right; -} -.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper { - width: 46px; -} -.layout-single-column .status__prepend .muted .emojione { - opacity: 1; -} -.layout-single-column .status-card, -.layout-single-column .status-card.compact { - background-color: var(--color-content-secondary-bg); - border: 1px solid var(--color-lines); - box-shadow: none; - transition: all .3s; - border-radius: 8px; -} -.layout-single-column a.status-card:hover, -.layout-single-column a.status-card.compact:hover { - background-color: var(--color-content-bg-focus); - border-color: var(--color-lines); -} -.layout-single-column .status-card__image { - background: var(--color-accent-bg); -} -.layout-single-column .status-card__image > .fa { - color: var(--color-content-fg); - transition: all .3s; -} -.layout-single-column a.status-card:hover .status-card__image > .fa { - color: var(--color-accent); -} -.layout-single-column .status-card__title, -.layout-single-column .status-card__description, -.layout-single-column .status-card__author { - color: var(--color-content-fg); - transition: all .2s; -} -.layout-single-column .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__host, -.layout-single-column .status-card:focus .status-card__host, -.layout-single-column .status-card:hover .status-card__host { - color: var(--color-accent); -} -.layout-single-column .status-card:active .status-card__author, -.layout-single-column .status-card:active .status-card__description, -.layout-single-column .status-card:active .status-card__title, -.layout-single-column .status-card:focus .status-card__author, -.layout-single-column .status-card:focus .status-card__description, -.layout-single-column .status-card:focus .status-card__title, -.layout-single-column .status-card:hover .status-card__author, -.layout-single-column .status-card:hover .status-card__description, -.layout-single-column .status-card:hover .status-card__title { - color: var(--color-content-fg); -} -.layout-single-column .status-card__author strong { - font-weight: 800; -} -.layout-single-column .status__content p { - margin-bottom: 12px; -} -.layout-single-column .status__content p:last-child { - margin-bottom: 0; -} -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) { - margin-bottom: 1px; -} -.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) span { - font-weight: bold; -} -.layout-single-column .media-gallery { - border-radius: 8px; -} -.layout-single-column .icon-button.overlayed { - background-color: #ffffff; - color: #444b5d; - opacity: .6; - transition: opacity .3s; -} -.layout-single-column .icon-button.overlayed:hover { - background-color: #ffffff; - color: #444b5d; - opacity: 1; -} -.layout-single-column .status__wrapper--filtered__button { - color: var(--color-accent); -} -.layout-single-column .status__wrapper--filtered { - color: var(--color-content-fg); - border-top: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - padding: 12px; - margin-top: -1px; -} - -/* πŸ“Š Polls */ -.layout-single-column .poll__chart, -.layout-single-column .muted .poll__chart.leading { - background: var(--color-accent); - opacity: .4; - height: 12px; - border-radius: 10px; -} -.layout-single-column .poll__chart.leading, -.layout-single-column .muted .poll__chart.leading { - opacity: 1; -} -.layout-single-column .muted .poll { - color: var(--color-content-fg-muted); -} -.layout-single-column .poll__footer { - color: var(--color-content-fg); -} -.layout-single-column .poll__link { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .poll__input { - border: 2px solid var(--color-content-fg); -} -.layout-single-column .poll__input:hover { - border-color: var(--color-accent); - background-color: var(--color-accent-bg); -} -.layout-single-column .poll__input.active, -.layout-single-column .poll__input:active, -.layout-single-column .poll__input:focus { - background-color: var(--color-accent); -} -.layout-single-column .poll__input.active { - border-color: var(--color-accent); -} -.layout-single-column .poll__footer .button.button-secondary { - padding: 0 16px; -} -.layout-single-column .poll__footer .button.button-secondary:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -/* Poll composer */ -.layout-single-column .compose-form__poll-wrapper, -.layout-single-column .compose-form__poll-wrapper .poll__footer { - border-top: 0; -} -.layout-single-column .compose-form__poll-wrapper ul { - background-color: var(--color-accent-bg); -} -.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { - padding: 6px 16px; -} -.layout-single-column .compose-form__poll-wrapper .icon-button.disabled { - color: transparent; - pointer-events: none; -} - - - -/* Empty columns */ -.layout-single-column .empty-column-indicator { - background-color: var(--color-content-secondary-bg); - color: var(--color-content-fg); - border-radius: 8px; - contain: content; -} -.layout-single-column .empty-column-indicator a { - color: var(--color-accent); -} - -/* Timeline hint */ -.layout-single-column .timeline-hint { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .timeline-hint a { - color: var(--color-accent); -} -.layout-single-column article + .timeline-hint:last-child { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - border-bottom: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} - - -/* πŸ“€ DMs */ -.layout-single-column .follow_requests-unlocked_explanation { - background-color: var(--color-accent-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-accent-lines); -} -@media screen and (min-width:890px) { - .layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation { - border-radius: 8px; - margin-top: 13px; - } -} -.layout-single-column .follow_requests-unlocked_explanation a { - color: var(--color-accent); -} -.layout-single-column .conversation__unread { - background-color: var(--color-accent); -} -.layout-single-column .conversation.conversation--unread { - background-color: var(--color-content-bg-focus); -} -.layout-single-column .conversation__unread { - color: var(--color-accent-fg); -} -.layout-single-column .conversation__content__names a strong { - font-weight: bold; -} -.layout-single-column .conversation__content__names, -.layout-single-column .conversation__content__names a, -.layout-single-column .conversation__content__relative-time, -.layout-single-column .conversation .attachment-list__list a, -.layout-single-column .conversation .attachment-list.compact .fa, -.layout-single-column .conversation .status__content p { - color: var(--color-content-fg); -} -.layout-single-column .conversation { - background-color: var(--color-content-bg); - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .conversation__content__relative-time { - opacity: .7; -} -@media screen and (min-width:890px) { - .layout-single-column .conversation { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} - -/* Speech bubble look DMs */ -.layout-single-column .status-direct .status__content, -.layout-single-column .detailed-status-direct .status__content, -.layout-single-column .detailed-status__wrapper-direct .status__content { - padding: .7em 1.2em .7em 1em; - margin-top: 4px; - background: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 5px 18px 18px 16px; - display: inline-block; -} -.layout-single-column .status-direct .fa.fa-at, -.layout-single-column .detailed-status-direct .fa.fa-at { - font-size: 20px; -} -.layout-single-column .status-direct .fa.fa-at::before, -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-size: contain; - background-repeat: no-repeat; - background-image: var(--icon-direct-messages); - background-position: center 3px; - color: transparent; -} -.layout-single-column .detailed-status-direct .fa.fa-at::before, -.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before { - background-position: center 2px; -} -.layout-single-column .status-direct.muted .status__content { - background: rgba(155, 174, 200, 0.1); - border-color: var(--color-lines); -} -.layout-single-column .status__wrapper-direct .status__prepend, -.layout-single-column .detailed-status__wrapper-direct .status__prepend { - display: none; -} - - - -/* ⏺️ Column headers - ----------------- */ -.layout-single-column .tabs-bar__wrapper { - background-color: transparent; - border-radius: 8px 8px 0 0; - box-shadow: - inset 0 10px var(--color-bg), - 0 -30px var(--color-bg); -} -.layout-single-column .column-header__wrapper { - padding-bottom: 10px; -} -.layout-single-column .column-header__wrapper.active:before { - background: none; - opacity: 40%; -} -.layout-single-column .column-header__wrapper.active { - box-shadow: 0 0; -} -.layout-single-column .column-header__wrapper::after, -.layout-single-column .column-back-button::after { - content: " "; - position: absolute; - left: 0; - right: 0; - bottom: -10px; - border-radius: 8px 8px 0 0; - box-shadow: - 0 -5px var(--color-bg), - 0 -10px var(--color-bg), - 0 -15px var(--color-bg), - 0 -20px var(--color-bg); - height: 10px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - background-color: transparent; - z-index: -1; -} -.layout-single-column .column-header { - border-radius: 8px; -} -.layout-single-column .column-header, -.layout-single-column .column-back-button { - background: var(--color-content-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-lines); - border-radius: 8px; - overflow: hidden; - font-weight: bold; -} -.layout-single-column .column-header__button, -.layout-single-column .column-header__back-button { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .column-back-button { - margin-bottom: 10px; -} -.layout-single-column .column-header__button { - color: var(--color-content-fg); - transition: all .2s; -} -.layout-single-column .column-header.active .column-header__icon { - color: var(--color-accent); - text-shadow: none; -} -.layout-single-column .column-header__button.active, -.layout-single-column .column-header__button.active:hover, -.layout-single-column .column-header__button:hover { - color: var(--color-accent); - background-color: var(--color-accent-bg); -} -@media screen and (max-width:1174px) { - .layout-single-column .column-header__wrapper::after, - .layout-single-column .column-back-button::after { - display: none; - } - .layout-single-column .column-header__button.active, - .layout-single-column .column-header__button.active:hover, - .layout-single-column .column-header__button:hover { - background-color: transparent; - } -} - -.layout-single-column .column-back-button--slim-button::after { - display: none; -} -.layout-single-column .column-back-button--slim-button { - top: -47px -} -@media screen and (max-width:1174px) { - .layout-single-column .column-back-button--slim-button { - height: 47px; - } -} - -.layout-single-column .load-gap, -.layout-single-column .load-more { - background-color: var(--color-accent-bg); - color: var(--color-accent); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .load-gap:hover, -.layout-single-column .load-more:hover { - background-color: var(--color-accent-lines); -} -@media screen and (min-width:890px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - border-radius: 8px 8px 0 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .item-list > .load-gap:first-child, - .layout-single-column .item-list > .load-gap:first-child { - margin-top: 15px; - } -} - -.layout-single-column .column-header__collapsible { - border-bottom: 0; - border-radius: 8px; - box-shadow: 0 -20px 0 var(--color-bg); - background-color: var(--color-secondary-bg); -} -.layout-single-column .column-header__collapsible:not(.collapsed) { - border: 1px solid var(--color-lines); -} -.layout-single-column .column-header__collapsible::-webkit-scrollbar-track { - background-color: transparent; -} -@media screen and (max-width:1174px) { - .layout-single-column .column-header__collapsible { - box-shadow: none; - border-radius: 0; - } -} -.layout-single-column .column-header__collapsible:not(.collapsed) { - margin-top: 10px; -} -.layout-single-column .column-header__collapsible-inner { - background: var(--color-secondary-bg); - border: 0; -} -.layout-single-column .column-settings__section { - color: var(--color-content-fg-bold); -} -.layout-single-column .setting-toggle__label { - color: var(--color-content-fg); -} -.layout-single-column .column-header > button { - padding: 0 0 0 15px; - line-height: 45px; - font-weight: bold; -} -.layout-single-column .column-header__icon { - vertical-align: middle; - display: inline-block; - margin-right: 8px; - transform: scale(.8); - line-height: 23px; -} -@media screen and (max-width:1174px) { - .layout-single-column .ui__header { - background-color: transparent; - border-bottom: 0; - } - .layout-single-column .ui__header__logo { - margin-left: 3px; - } - .layout-single-column .tabs-bar__wrapper { - box-shadow: none; - display: block; - margin-bottom: -2px; - border-radius: 0; - height: 45px; - border-bottom: 1px solid rgba(0, 0, 0, .1); - } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal) { - display: none; - } - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button), - .layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */ - display: block; - } - .layout-single-column .column-header, - .layout-single-column .column-back-button, - .layout-single-column .column-header__button, - .layout-single-column .column-header__back-button { - background-color: transparent; - height: 45px; - border: 0; - } - .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */ - -webkit-backdrop-filter: blur(20px); - backdrop-filter: blur(20px); - background-color: rgba(245, 242, 239, 0.75); - content: ""; - height: 100px; - left: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 1; - } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { - height: 55px; - } - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after, - .layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */ - height: 100px; - } - .layout-single-column .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */ - margin-top: 0; - } -} -@media (prefers-color-scheme: dark) { - @media screen and (max-width:1174px) { - .layout-single-column .ui::after { - background-color: rgba(3, 3, 3, .65); - } - .layout-single-column .tabs-bar__wrapper { - border-color: rgba(255, 255, 255, .1); - } - } -} - - - -/* ⏺️ Horizontal selectors - (used to navigate subsections on the Explore, Live Feeds and Account pages) */ -.layout-single-column .account__section-headline, -.layout-single-column .notification__filter-bar { - background: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; -} -.layout-single-column .account__section-headline a, -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar a, -.layout-single-column .notification__filter-bar button { - background-color: var(--color-accent-bg); - color: var(--color-accent); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; - border-radius: 9px; - transition: all .2s; - padding: 14px 0; -} -.layout-single-column .account__section-headline a:hover, -.layout-single-column .account__section-headline button:hover, -.layout-single-column .notification__filter-bar a:hover, -.layout-single-column .notification__filter-bar button:hover { - background-color: var(--color-accent-lines); - color: var(--color-accent); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; -} -.layout-single-column .account__section-headline a.active, -.layout-single-column .account__section-headline button.active, -.layout-single-column .notification__filter-bar a.active, -.layout-single-column .notification__filter-bar button.active { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - box-shadow: 0 0 0 4px var(--color-accent-bg) inset; -} -.layout-single-column .account__section-headline a.active::before, -.layout-single-column .account__section-headline button.active::before, -.layout-single-column .notification__filter-bar a.active::before, -.layout-single-column .notification__filter-bar button.active::before { - display: none; -} -.layout-single-column .account__section-headline button, -.layout-single-column .notification__filter-bar button { - background-color: transparent; -} -.layout-single-column .account__section-headline a::after, -.layout-single-column .account__section-headline button::after, -.layout-single-column .notification__filter-bar a::after, -.layout-single-column .notification__filter-bar button::after, -.layout-single-column .account__section-headline a.active::after, -.layout-single-column .account__section-headline button.active::after, -.layout-single-column .notification__filter-bar a.active::after, -.layout-single-column .notification__filter-bar button.active::after { - display: block; - position: absolute; - content: " "; - width: 2px; - height: auto; - background-color: var(--color-accent-lines); - top: 8px; - right: -1px; - left: auto; - bottom: 8px; - border-radius: 50px; - z-index: 1; - transform: unset; - border: 0; -} -.layout-single-column .account__section-headline a:last-child::after, -.layout-single-column .account__section-headline button:last-child::after, -.layout-single-column .notification__filter-bar a:last-child:after, -.layout-single-column .notification__filter-bar button:last-child:after { - display: none; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .account__section-headline a.active, - .layout-single-column .account__section-headline button.active, - .layout-single-column .notification__filter-bar a.active, - .layout-single-column .notification__filter-bar button.active { - background-color: var(--color-bg); - } -} -@media screen and (max-width:889px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-left: 10px; - margin-right: 10px; - } -} -@media screen and (max-width:1174px) { - .layout-single-column .account__section-headline, - .layout-single-column .notification__filter-bar { - margin-top: 10px; - } -} - -.layout-single-column .notification__filter-bar i.fa-reply-all::before { - content: var(--icon-reply-accent); - top: 2px -} -.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { - content: var(--icon-reply); -} -.layout-single-column .notification__filter-bar i.fa-fw::before { - width: 18px; - height: 18px; - background-size: contain; -} -.layout-single-column .notification__filter-bar i.fa-star::before { - background-image: var(--icon-star-accent); - transform: translate(0, 1px); -} -.layout-single-column .notification__filter-bar .active i.fa-star::before { - background-image: var(--icon-star); -} -.layout-single-column .notification__filter-bar i.fa.fa-retweet { - background-image: var(--icon-boost-accent); - transform: translate(0, 1px); -} -.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { - background-image: var(--icon-boost); -} -.layout-single-column .notification__filter-bar .fa-tasks::before { - content: var(--icon-poll-accent); - top: 2px; - left: -2px; -} -.layout-single-column .notification__filter-bar .active .fa-tasks::before { - content: var(--icon-poll); -} -.layout-single-column .notification__filter-bar i.fa.fa-home::before { - content: var(--icon-home-notification-accent); - transform: translate(0, 1px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-home::before { - content: var(--icon-home-notification); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-home::before { - content: var(--icon-home-notification-accent); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus { - transform: scale(.8); -} -.layout-single-column .notification__filter-bar i.fa.fa-user-plus::before { - content: var(--icon-users-column-link-accent); - transform: translate(-2px, 2px); - display: inline-block; -} -.layout-single-column .notification__filter-bar .active i.fa.fa-user-plus::before { - content: var(--icon-users-column-link); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus { - transform: scale(.8) translate(0, 1px); -} -.layout-single-column .notification__favourite-icon-wrapper .fa-user-plus::before { - content: var(--icon-users-column-link-accent); -} - - -/* πŸ“ Navigation panel - ------------------- */ -.layout-single-column .column-link--transparent { - color: var(--color-fg); -} -.layout-single-column .ui__header__logo .logo--icon { - display: none; -} -.layout-single-column .ui__header__links .button.button-secondary { - padding: 8px 18px 8px 18px; -} -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, -.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { - background-color: var(--color-accent-focus); - color: var(--color-accent-fg); -} -.layout-single-column .column-link--logo { - margin-left: 4px; -} - -.layout-single-column .column-link.column-link--logo, -.layout-single-column .ui__header__logo { - display: inline-flex; - padding: 0; - width: 50px; - height: 50px; - background-image: var(--logo); - background-repeat: no-repeat; - background-position: center; - background-size: 32px auto; -} -.layout-single-column .column-link.column-link--logo svg, -.layout-single-column .ui__header__logo svg { - display: none; -} - -.layout-single-column .navigation-panel__logo { - margin-bottom: 10px; -} -.layout-single-column .column-link:not(.column-link--logo) { - padding: 10px 20px 11px 13px; - margin-left: 3px; - font-weight: 500; -} -.layout-single-column a.column-link--transparent.active, -.layout-single-column a.column-link--transparent.active:hover { - color: var(--color-content-fg); - font-weight: bold; -} -.layout-single-column .column-link--transparent:hover { - border-radius: 8px; - padding-right: 20px; -} -.layout-single-column a.column-link--transparent span { - position: relative; -} -@media screen and (min-width:1175px) { - .layout-single-column .column-link:not(.column-link--logo) { - transition: all .2s; - } - .layout-single-column .column-link:not(.column-link--logo)[href="/settings/preferences"] { - padding-bottom: 13px; - } - .layout-single-column a.column-link--transparent span::before { - content: " "; - left: -40px; - background-color: transparent; - transition: .3s background-color; - top: -12px; - right: -16px; - position: absolute; - border-radius: 8px; - z-index: -1; - bottom: -13px; - } - .layout-single-column a.column-link--transparent:hover span::before { - background-color: var(--color-accent-bg); - } - .layout-single-column a.column-link--transparent.active span::before, - .layout-single-column a.column-link--transparent.active:hover span::before { - background-color: var(--color-content-bg); - } -} -.layout-single-column .icon-with-badge__badge { - background-color: var(--color-accent); - color: var(--color-accent-fg); - border-radius: 20px; - top: -4px; - font-weight: bold; - border: 0; - z-index: 1; -} -.layout-single-column .compose-panel hr, .navigation-panel hr { - display: none; -} -.layout-single-column .column-link__icon { - transform: scale(.8); - vertical-align: middle; - margin-right: 9px; -} -.layout-single-column .column-link span { - vertical-align: middle; -} -.layout-single-column .column-link .fa::before { - position: relative; - top: 1px; -} -.layout-single-column .column-link .fa.fa-cog { - transform: scale(1) translate(1px, -1px); -} -.layout-single-column .list-panel { - padding: 5px 9px 8px 27px; - margin: 0 0 5px; - display: none; -} -.layout-single-column .list-panel i.fa { - display: none; -} -.layout-single-column .list-panel .column-link span::before { - left: -12px; - top: -10px; - right: -12px; - bottom: -10px; -} -.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before { - background-color: var(--color-accent-bg); -} -@media screen and (min-width:1175px) { - .layout-single-column .column-link[href="/lists"]:hover + .list-panel, - .layout-single-column .column-link[href="/lists"].active + .list-panel, - .layout-single-column .list-panel:hover { - display: block; - animation: fadein .5s 1; - } -} -@keyframes fadein { - from { - opacity: 0; - transform: translateY(-10%); - } - to { - opacity: 1; - transform: translateY(0); - } -} -@media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner { - width: 100vw; - height: calc(4.2em + env(safe-area-inset-bottom)); - bottom: 0; - left: 0; - z-index: 3; - } - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - width: 100vw; - height: 4.2em; - padding-bottom: env(safe-area-inset-bottom); - flex-direction: row; - overflow-x: auto; - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - background-color: rgba(255, 255, 255, 0.5); - border-left: 0; - border-top: 1px solid rgba(0, 0, 0, .1); - } - .layout-single-column .navigation-panel .column-link, - .layout-single-column .navigation-panel .navigation-panel__legal, - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column .column-link--transparent:hover { - flex: 0 0 18vw; - margin: 6px 0 8px; - padding: 4px 0 3px; - border-radius: 0; - border: 0; - justify-content: center; - display: inline-flex; - align-items: center; - box-sizing: border-box; - background-color: transparent; - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { - margin: 6px 0 8px; - padding: 4px 0 3px; - border-radius: 8px; - border: 0; - background-color: #ffffff; - } - .layout-single-column .column-link__icon { - transform: scale(1); - margin: 0; - } - .layout-single-column .column-link span { - padding-left: .5em; - } - .layout-single-column .column-link .fa-list-ul { - margin-right: 0; - } - .layout-single-column .columns-area__panels__main { - width: calc(100% - 285px); - margin-left: -285px; - } - .layout-single-column .columns-area__panels { - padding-bottom: 6em; - } - .layout-single-column .columns-area__panels .navigation-panel__legal { - margin: 0; - padding: 0; - } - .layout-single-column .columns-area__panels .navigation-panel__legal .column-link--transparent { - height: calc(100% - 13px); - box-sizing: border-box; - border: 0; - } -} -@media screen and (max-width:889px) { - .layout-single-column .columns-area__panels__main { - width: 100%; - margin-left: -55px; - } -} -@media (prefers-color-scheme: dark) { - @media screen and (max-width:1174px) { - .layout-single-column .columns-area__panels__pane--navigational .navigation-panel { - background-color: rgba(3, 3, 3, .65); - border-left: 0; - border-right: 0; - border-bottom: 0; - border-top: 1px solid rgba(255, 255, 255, .1); - } - .layout-single-column a.column-link--transparent.active, - .layout-single-column a.column-link--transparent.active:hover, - .layout-single-column a.column-link--transparent:active { - background-color: var(--color-bg); - } - } -} - - - -/* πŸ‘€ Account view - --------------- */ -.layout-single-column .account__header { - border-radius: 8px; - margin-bottom: 10px; - background-color: var(--color-content-bg); - border: 1px solid var(--color-lines); -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .account__header { - margin-top: 15px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .account__header { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} -.layout-single-column .account__header__image { - height: 150px; - background-color: var(--color-secondary-bg); - border-bottom: 0; -} -.layout-single-column .account__header__bar { - border: 0; -} -.layout-single-column .account__header__bar .avatar .account__avatar { - border-radius: 50%; - border-width: 5px; - width: 100px !important; - height: 100px !important; - background-color: var(--color-content-bg); - border-color: var(--color-content-bg); -} -.layout-single-column .account__header__tabs__name h1, -.layout-single-column .account__header__tabs__name h1 small { - color: var(--color-content-fg); -} -.layout-single-column .account__header__tabs__name h1 > span { - font-size: 18px; -} -.layout-single-column .account__header__tabs__name h1 small { - opacity: .7; -} -.layout-single-column .account__section-headline { - margin-bottom: 10px; -} -.layout-single-column .account__header__content a { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .account__header__content a:hover { - text-decoration: underline; -} -.layout-single-column .account__header__extra__links a strong { - color: var(--color-content-fg-bold); -} -.layout-single-column .account__header__account-note label { - margin-bottom: 0; -} -.layout-single-column .account__header__account-note label, -.layout-single-column .account__header__account-note textarea::placeholder { - color: var(--color-content-fg-bold); - opacity: .5; -} -.layout-single-column .account__header__account-note textarea { - color: var(--color-content-fg); -} -.layout-single-column .account__header__account-note textarea:focus { - background-color: var(--color-accent-bg); -} -.layout-single-column .account__header__badges .account-role { - border-radius: 8px; - border-color: var(--color-accent); - color: var(--color-accent); -} -.layout-single-column .account-role svg { - opacity: 1; -} -.layout-single-column .account__header__extra__links a, -.layout-single-column .account__header__bio .account__header__content, -.layout-single-column .account__header__bio .account__header__fields dd { - color: var(--color-content-fg); -} -.layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-content-secondary-bg); - border-radius: 8px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .account__header__bio .account__header__fields { - background-color: var(--color-bg); - } -} -.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { - display: none; -} -.layout-single-column .account__header__bio .account__header__fields dt { - font-weight: bold; - font-size: 12px; -} -.layout-single-column .account__header__bio .account__header__fields dl, -.layout-single-column .account__header__bio .account__header__fields .verified { - border-bottom: 0; - position: relative; -} -.layout-single-column .account__header__bio .account__header__fields dl:not(:last-child):after { - display: block; - content: " "; - height: 1px; - bottom: -1px; - right: 15px; - background-color: var(--color-lines); - left: 15px; - position: absolute; - border-radius: 50px; -} -.layout-single-column .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */ - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; -} -.layout-single-column .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */ - margin-top: 0; - border-top-width: 0; -} -.layout-single-column .account__header__bio .account__header__fields .verified a, .account__header__bio .account__header__fields .verified dd { /* Verified field tweak: vivid green text */ - color: var(--color-accent); -} -.layout-single-column .account__header__bio .account__header__fields .verified dt, -.layout-single-column .account__header__bio .account__header__fields dt { /* Verified field tweak: restore default field title color */ - color: var(--color-content-fg); -} -.layout-single-column .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */ - border-top: 0; - border-right: 0; - border-left: 0; - background: none; -} -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child { /* Verified field tweak: adding a green background circle to the checkmark icon */ - display: inline-block; - background-color: var(--color-accent); - border-radius: 50px; - width: 1.2em; - height: 1.2em; - line-height: 1.2; - text-align: center; - margin-right: 2px; -} -.layout-single-column .account__header__extra .account__header__fields .verified dd span:first-child i { /* white checkmark */ - color: #fff; - font-size: 85%; - transform: scale(.9); -} -.layout-single-column .account__header__bio .account__header__fields .verified:last-child { - border-bottom: 0; -} -.layout-single-column .account-timeline__header + article .status__wrapper, -.layout-single-column .account-timeline__header + article .account { /* rounded corners on first post below account header + on first account in followings/followers list */ - border-radius: 8px 8px 0 0; - border-right: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-top: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .account-timeline__header + article .status__wrapper, - .layout-single-column .account-timeline__header + article .account { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} - -.layout-single-column .follow-request-banner, -.layout-single-column .moved-account-banner { - background-color: var(--color-accent-bg); -} -.layout-single-column .moved-account-banner { - margin-bottom: 10px; - border-radius: 8px; -} -.layout-single-column .follow-request-banner__message, -.layout-single-column .moved-account-banner__message { - color: var(--color-content-fg); -} -.layout-single-column .moved-account-banner__message { - font-weight: bold; -} - - -/* ✨ Explore tab - -------------- */ -@media screen and (min-width:890px) { - .layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - margin-top: 0; - } - .layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; - } -} -.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number { - color: #E53880; -} -.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number { - color: #ca8f04; -} - -/* #️⃣ Trending hashtags */ -.layout-single-column .trends__item__sparkline path:last-child { - stroke: var(--color-accent) !important; -} -.layout-single-column .trends__item__sparkline path:first-child { - fill: var(--color-accent) !important; - fill-opacity: 0.2 !important; -} -.layout-single-column .explore__links { - background-color: var(--color-content-bg); - border-radius: 8px !important; - border: 1px solid var(--color-lines); - overflow: hidden; -} -@media screen and (max-width:889px) { - .layout-single-column .explore__links { - border-radius: 0 !important; - border-left: 0; - border-right: 0; - } -} -.layout-single-column .columns-area__panels__main .trends__item { - background-color: var(--color-content-bg); - border-bottom: 2px solid var(--color-content-secondary-bg); -} -.layout-single-column .explore__links .trends__item:last-child { - border-bottom: 0; -} -.layout-single-column .trends__item__name, -.layout-single-column .trends__item__current { - color: var(--color-fg-muted); -} -.layout-single-column .trends__item__name a { - color: var(--color-fg); -} - - -/* Hashtag header */ -.layout-single-column .hashtag-header { - font-size: 15px; - padding: 18px 20px 20px; - color: var(--color-content-fg); - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-bottom: 0; -} -.layout-single-column .hashtag-header__header { - margin-bottom: 0; -} -.layout-single-column .hashtag-header__header h1 { - color: var(--color-content-fg); -} -.layout-single-column .hashtag-header .hashtag-header__header + div { - color: var(--color-content-fg); - font-size: 85%; - opacity: .8; - margin-top: -5px; - width: max-content; -} - -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .hashtag-header { - margin-top: 15px; - } -} -@media screen and (min-width:890px) { - .layout-single-column .hashtag-header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } - .layout-single-column .hashtag-header .hashtag-header__header button { - transform: translate(0, 8px); - } -} - - -/* Account recommendations (For You Tab + User directory */ -.layout-single-column .scrollable .account-card { - margin: 0 0 10px; - background-color: var(--color-content-bg); - border-radius: 8px; - border: 1px solid var(--color-lines); -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable .account-card { - margin: 0 10px 10px; - } -} -.layout-single-column .account-card__header { - padding: 0; - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - height: 128px; - overflow: hidden; -} -.layout-single-column .scrollable .account-card__bio:after { - background: linear-gradient(270deg, var(--color-content-bg), transparent); -} -.layout-single-column .account-card__title__avatar .account__avatar { - border: 0; - border-radius: 50%; - overflow: visible; -} -.layout-single-column .account-card__title__avatar img { - border: 0; - border-radius: 50%; - box-shadow: 0 0 0 3px var(--color-content-bg); -} -.layout-single-column .account-card__title .display-name bdi, -.layout-single-column .account-card__counters__item, -.layout-single-column .account-card__counters__item small { - color: var(--color-content-fg-bold); -} -.layout-single-column .account-card__counters__item small { - opacity: .7; -} -.layout-single-column .account-card__bio a { - color: var(--color-accent); -} -.layout-single-column .filter-form { - background-color: var(--color-accent-bg); - border-radius: 8px; - margin-bottom: 10px; -} -.layout-single-column .filter-form__column { - padding: 10px 15px; -} - -/* πŸ“° Trending stories */ -.layout-single-column .story { - background-color: var(--color-content-bg); - transition: background-color .2s; -} -.layout-single-column .story:not(:last-child) { - border-bottom: 2px solid var(--color-content-secondary-separator); -} -.layout-single-column .story, -.layout-single-column .story__details__title { - color: var(--color-content-fg); -} -.layout-single-column .story:hover { - background-color: var(--color-content-bg-focus); -} -.layout-single-column .story__details__publisher, -.layout-single-column .story__details__shared { - color: var(--color-fg); -} -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared, -.layout-single-column .story .story__details__publisher, -.layout-single-column .story .story__details__shared { - transition: all .3s; -} -.layout-single-column .story:active .story__details__publisher, -.layout-single-column .story:active .story__details__shared, -.layout-single-column .story:focus .story__details__publisher, -.layout-single-column .story:focus .story__details__shared, -.layout-single-column .story:hover .story__details__publisher, -.layout-single-column .story:hover .story__details__shared { - color: var(--color-accent); -} -.layout-single-column .story.expanded .story__thumbnail { - margin: 0 0 -25px; -} -.layout-single-column .story.expanded .story__thumbnail img { - width: calc(100% + 30px); - margin: -15px -15px 0 -15px; - border-radius: 0 0 0 0; -} - -/* πŸ” Search field and search results */ -.layout-single-column .search { - margin-bottom: 10px; -} -.layout-single-column .search__input { - border-radius: 8px; - background-color: var(--color-accent-bg); - color: var(--color-content-fg); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .search__input::placeholder, -.layout-single-column .compose-form .spoiler-input__input::placeholder { - font-weight: 500; - color: var(--color-accent); -} -.layout-single-column .search__input:focus { - border: 1px solid var(--color-accent); -} -.layout-single-column .compose-panel .fa-search, -.layout-single-column .compose-panel .fa.active { - right: 15px; - top: 16px; - color: var(--color-accent); -} -.layout-single-column .compose-panel .fa-search.active, -.layout-single-column .compose-panel .fa-times-circle.active, -.layout-single-column .search__icon .fa.active { - opacity: 1; - z-index: 1; -} -.layout-single-column .compose-panel .fa-times-circle.active { - top: 17px; -} -.layout-single-column .explore__search-results { - background-color: var(--color-content-bg); - overflow: hidden; -} -.layout-single-column .explore__search-header { - background-color: transparent; -} -.layout-single-column .explore__search-results .account { - padding-top: 16px; -} -.layout-single-column .explore__search-results article:first-child > .account { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .account { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results .trends__item { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:first-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:first-child, -.layout-single-column .search-results__section > .account:first-child { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .explore__search-results article:last-child > .trends__item, -.layout-single-column .search-results__section > .trends__item:last-child, -.layout-single-column .search-results__section > .account:last-child { - border-bottom: 1px solid var(--color-lines); -} -.layout-single-column .search-results__section { - background-color: var(--color-bg); - padding-bottom: 10px; - border-bottom: 0; -} -.layout-single-column .search-results__section__header { - background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 0; - color: var(--color-content-fg); -} -.layout-single-column .search-results__section__header button { - color: var(--color-accent); -} -@media screen and (min-width:890px) { - .layout-single-column .explore__search-results { - border-radius: 8px; - } - .layout-single-column .explore__search-results article:first-child > .account, - .layout-single-column .search-results__section > .account:first-child, - .layout-single-column .explore__search-results article:first-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:first-child { - border-radius: 8px 8px 0 0; - } - .layout-single-column .explore__search-results article:last-child > .account, - .layout-single-column .search-results__section > .account:last-child, - .layout-single-column .explore__search-results article:last-child > .trends__item, - .layout-single-column .search-results__section > .trends__item:last-child, - .layout-single-column .explore__search-results .load-more:last-child { - border-radius: 0 0 8px 8px; - } - .layout-single-column .search-results__section__header { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } -} -.layout-single-column .account .account__details > span { - color: var(--color-content-fg); -} -.layout-single-column .account .account__details .verified-badge { - color: var(--color-accent); -} -@keyframes fadein-short { - from { - transform: translate(0, -10px); - opacity: 0; - } - to { - transform: translate(0, 0); - opacity: 1; - } -} -.layout-single-column .search__popout { - background-color: var(--color-content-bg); - border-radius: 8px; - box-shadow: none; - margin-top: 10px; - border: 1px solid var(--color-lines); - animation: .3s fadein-short 1; -} -.layout-single-column .search__popout h4 { - font-weight: bold; -} -.layout-single-column .search__popout h4, -.layout-single-column .search__popout__menu__message, -.layout-single-column .search__popout__menu__item { - color: var(--color-content-fg); -} -.layout-single-column .search__popout__menu__item { - align-items: initial; -} -.layout-single-column .search__popout__menu__item mark { - color: var(--color-content-fg-bold); -} -.layout-single-column .search__popout__menu__item .icon-button:active, -.layout-single-column .search__popout__menu__item .icon-button:focus, -.layout-single-column .search__popout__menu__item .icon-button:hover { - background-color: transparent; - color: var(--color-accent-fg); -} -.layout-single-column .search__popout__menu__item.selected, -.layout-single-column .search__popout__menu__item:active, -.layout-single-column .search__popout__menu__item:focus, -.layout-single-column .search__popout__menu__item:hover, -.layout-single-column .search__popout__menu__item.selected mark, -.layout-single-column .search__popout__menu__item:active mark, -.layout-single-column .search__popout__menu__item:focus mark, -.layout-single-column .search__popout__menu__item:hover mark { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - -@media screen and (max-width:1174px) { - .layout-single-column .search { - margin-bottom: 0; - } - .layout-single-column .explore__search-header { - padding-top: 2px; - } - .layout-single-column .search__input { - padding: 13px; - } - .layout-single-column i.fa-search, - .layout-single-column i.fa.active { - color: var(--color-accent); - transform: scale(1); - top: 14px; - } - .layout-single-column .explore__search-header { - padding: 10px 0 0; - } -} -@media screen and (max-width:889px) { - .layout-single-column .explore__search-header { - padding: 10px 10px 0; - } -} - - - -/* Dismissable banners */ -.layout-single-column .dismissable-banner { - background-color: var(--color-accent); - box-shadow: 0 5px var(--color-content-bg); - border-radius: 8px 8px 0 0; - border: 1px solid var(--color-lines); - margin: 0; -} -.layout-single-column .explore__links .dismissable-banner { - border: 0; - border-radius: 7px 7px 0 0; -} -@media screen and (max-width:889px) { - .layout-single-column .dismissable-banner, - .layout-single-column .explore__links .dismissable-banner { - border-radius: 0; - border-left: 0; - border-right: 0; - } -} -@media screen and (min-width:890px) and (max-width:1174px) { - .layout-single-column .dismissable-banner { - margin-top: 10px; - } - .layout-single-column .explore__links .dismissable-banner { - margin-top: 0; - } -} -.layout-single-column .dismissable-banner__message, -.layout-single-column .dismissable-banner__action .icon-button { - color: var(--color-accent-fg); -} -.layout-single-column .dismissable-banner__message h1 { - color: var(--color-accent-fg); - margin-top: 10px; -} -.layout-single-column .dismissable-banner__message__actions__wrapper { - flex-flow: row-reverse; -} -.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to bottom, rgba(247, 105, 2, 0.8), rgba(247, 105, 2, 0.5)); - padding-left: 10px; - padding-right: 10px; -} -.layout-single-column .dismissable-banner__background-image { - display: none; -} -.layout-single-column .dismissable-banner__message__actions .button, -.layout-single-column .dismissable-banner__message__actions .button.button-tertiary { - line-height: 28px; - padding: 6px 17px; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) { - background: linear-gradient(to top, rgba(230, 137, 51, .5), rgba(230, 137, 51, .3)); - } -} - - - -/* πŸ”” Notifications - ---------------- */ -.layout-single-column .status.muted .status__content, -.layout-single-column .status.muted .status__content a, -.layout-single-column .status.muted .status__content p, -.layout-single-column .status.muted .status__display-name strong, -.layout-single-column .attachment-list__list a, -.layout-single-column .attachment-list.compact .fa { - color: var(--color-content-fg-muted); -} -.layout-single-column .notification.unread::before, -.layout-single-column .status__wrapper.unread::before { - background-color: var(--color-accent); - width: 8px; - border: 0; - top: 5px; - height: auto; - bottom: 5px; - border-radius: 8px; - left: 5px; - z-index: 1; -} -.layout-single-column .notification__message { - padding: 12px 12px 0; - background-color: var(--color-content-bg); - color: var(--color-content-fg-bold); - transition: all .3s; -} -.layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); -} -.layout-single-column .notification__display-name { - font-weight: bold; -} -.layout-single-column .notification__report { - background-color: var(--color-content-bg); - border-bottom: 0; - padding-top: 10px; - gap: 15px; -} -.layout-single-column .notification__report__details { - color: var(--color-content-fg); -} -@media screen and (min-width:889px) { - .layout-single-column .notification__message { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } - .layout-single-column .scrollable > div > article:first-child .notification__message { - border-top: 1px solid var(--color-lines); - border-top-left-radius: 8px; - border-top-right-radius: 8px; - } - .layout-single-column .notification__report { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} -.layout-single-column .notification__message .fa { - color: var(--color-accent); -} -.layout-single-column .notification__favourite-icon-wrapper { - width: 56px; - text-align: right; -} -@media screen and (max-width:889px) { - .layout-single-column .notification__favourite-icon-wrapper { - width: 51px; - } -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star { - font-size: 15px; -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-star::before { - line-height: 24px; - transform: scale(.8); -} -.layout-single-column .notification__favourite-icon-wrapper i.fa-tasks::before { - content: var(--icon-poll-accent); - top: -1px; -} -.layout-single-column .notification .status__wrapper { - padding-top: 0; -} -.layout-single-column .notification-favourite .status__action-bar, -.layout-single-column .notification-reblog .status__action-bar, -.layout-single-column .notification-poll .status__action-bar, -.layout-single-column .notification-status .status__action-bar { - display: none; -} -.layout-single-column .account { - background-color: var(--color-content-bg); - border-bottom: 0; - padding-left: 22px; - padding-top: 4px; -} -.layout-single-column .explore__search-results .account { - padding-top: 16px; -} -@media screen and (min-width:890px) { - .layout-single-column .account { - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - } -} - - - -/* πŸ“‹ Lists tab */ -.layout-single-column .column-inline-form { - background-color: var(--color-accent-bg); - border: 1px solid var(--color-accent-lines); - border-radius: 8px; - margin-bottom: 10px; -} -@media screen and (max-width:1174px) { - .layout-single-column .column-inline-form { - margin-top: 10px; - } -} -@media screen and (max-width:889px) { - .layout-single-column .column-inline-form { - margin-left: 10px; - margin-right: 10px; - } -} -.layout-single-column .column-inline-form label input, -.layout-single-column .column-inline-form label input:focus { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .column-inline-form label input:focus { - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .column-subheading, -.layout-single-column .columns-area__panels__main .column-link { - background-color: var(--color-content-bg); - color: var(--color-fg); -} -.layout-single-column .column-subheading { - color: var(--color-fg-muted); - border: 1px solid var(--color-lines); - border-bottom: 0; - border-radius: 8px 8px 0 0; -} -@media screen and (max-width:889px) { - .layout-single-column .column-subheading { - border-left: 0; - border-right: 0; - border-radius: 0; - } -} -.layout-single-column .columns-area__panels__main .column-link { - margin-left: 0; - width: 100%; - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 2px solid var(--color-content-secondary-separator); - box-sizing: border-box; -} -.layout-single-column .columns-area__panels__main .column-link:hover { - background-color: var(--color-content-secondary-bg); - color: var(--color-accent); -} -.layout-single-column .columns-area__panels__main article:last-child .column-link { - border-bottom: 1px solid var(--color-lines); - border-radius: 0 0 8px 8px; -} -@media screen and (max-width:889px) { - .layout-single-column .columns-area__panels__main .column-link { - border-left: 0; - border-right: 0; - } - .layout-single-column .columns-area__panels__main article:last-child .column-link { - border-radius: 0; - } -} - -/* List adder dialog */ -.layout-single-column .list-adder, -.layout-single-column .list-adder__account, -.layout-single-column .list-adder__lists { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .list-adder__account { - margin-top: 12px; -} -.layout-single-column .list-adder .column-inline-form { - border-radius: 0; -} -.list-adder .list { - border-bottom: 2px solid var(--color-content-secondary-separator); -} - - -/* βž• Follow requests */ -.layout-single-column #Follow-requests { - margin-bottom: 0; - z-index: 0; -} -.layout-single-column .account-authorize__wrapper { - margin: 10px 0; -} -.layout-single-column .account-authorize { - background-color: var(--color-content-bg); - border-radius: 8px 8px 0 0; - padding: 20px -} -.layout-single-column .account--panel { - background-color: var(--color-accent-bg); - border: 0; - border-radius: 0 0 8px 8px; -} -.layout-single-column .account__header__content { - color: var(--color-content-fg); -} -.layout-single-column .account--panel__button:first-child .icon-button { - color: var(--color-accent); -} -@media screen and (max-width:1174px) { - .layout-single-column #Follow-requests + .column-back-button--slim .column-back-button { - position: absolute; - right: 0; - margin: 0; - width: auto; - } -} - - -/* ⏺️ Other UI components : buttons, toggles, ... - ----------------------------------------- */ -.layout-single-column .button, -.layout-single-column .account__header__tabs__buttons .icon-button { - border-radius: 8px; -} -.layout-single-column .button, -.layout-single-column .button.logo-button, -.layout-single-column .rules-list li:before, -.layout-single-column .icon-with-badge__badge { - background-color: var(--color-accent); - color: var(--color-accent-fg); - transition: all .2s; -} -.layout-single-column .button:disabled, -.layout-single-column .button.disabled { - opacity: .7; -} -.layout-single-column .text-icon-button.active, -.layout-single-column .button.button-tertiary, -.layout-single-column .account__header__fields a, -.layout-single-column .account__header__bio .account__header__fields a, -.layout-single-column .reply-indicator__content a.unhandled-link, -.layout-single-column .status__content a, -.layout-single-column .status__content a.hashtag, -.layout-single-column .status__content a.unhandled-link, -.layout-single-column .column-back-button, -.layout-single-column .about__section__title, -.layout-single-column .prose a, -.layout-single-column .column-link--transparent.active, -.layout-single-column .column-header > .column-header__back-button, -.layout-single-column .column-header__back-button, -.layout-single-column .interaction-modal__icon, -.layout-single-column .status__content a.mention, -.layout-single-column .status__content__read-more-button, -.layout-single-column .link-button, -.layout-single-column .translate-button button, -.layout-single-column .status__content__translate-button, -.layout-single-column .status__action-bar__dropdown .icon-button.active, -.layout-single-column .account__relationship .icon-button.active, -.layout-single-column .account__header__tabs__buttons .icon-button.active, -.layout-single-column .text-btn, -.layout-single-column .detailed-status__action-bar-dropdown .icon-button, -.layout-single-column .notification-bar-action { - color: var(--color-accent); -} -.layout-single-column .icon-button, -.layout-single-column .icon-button.inverted, -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { - color: var(--color-content-fg); -} -.layout-single-column .reply-indicator__content .status__content__spoiler-link, -.layout-single-column .status__content .status__content__spoiler-link { - background-color: var(--color-accent-bg); - border-radius: 8px; -} -.layout-single-column .account__header__tabs__buttons .icon-button { - padding: 3px; - border: 0; - color: var(--color-content-fg); - background-color: var(--color-content-secondary-bg); -} -.layout-single-column .account__header__tabs__buttons .icon-button:hover { - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .icon-button:active, -.layout-single-column .icon-button:focus, -.layout-single-column .icon-button:hover { - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .language-dropdown__dropdown { - background-color: var(--color-content-bg); - border-radius: 8px; - border: 1px solid var(--color-lines); - box-shadow: 0 0 5px rgba(0, 0, 0, .15); -} -.layout-single-column .language-dropdown__dropdown__results__item { - border-radius: 8px; -} -.layout-single-column .language-dropdown__dropdown__results__item.active, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item:active, -.layout-single-column .language-dropdown__dropdown__results__item:focus, -.layout-single-column .language-dropdown__dropdown__results__item:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .language-dropdown__dropdown__results__item__native-name { - font-weight: bold; -} -.layout-single-column .language-dropdown__dropdown__results__item__common-name { - opacity: .7; -} -.layout-single-column .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item__native-name { - color: var(--color-content-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__native-name { - color: var(--color-accent-fg); -} -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__native-name, -.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name, -.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__common-name { - color: var(--color-accent); -} -.layout-single-column .button:not(.button-secondary):active, -.layout-single-column .button:not(.button-secondary):focus, -.layout-single-column .button:not(.button-secondary):hover, -.layout-single-column .button.button-tertiary:active, -.layout-single-column .button.button-tertiary:focus, -.layout-single-column .button.button-tertiary:hover, -.layout-single-column .button.logo-button:active, -.layout-single-column .button.logo-button:focus, -.layout-single-column .button.logo-button:hover { - background-color: var(--color-accent-focus); -} - -/* ⏺️ Toggles */ -.layout-single-column .setting-toggle__label { - vertical-align: top; -} -.layout-single-column .react-toggle-track { - background-color: var(--color-accent-lines); - box-shadow: - 0 0 0 20px var(--color-accent-lines) inset, - 0 0 0 20px var(--color-accent-lines) inset, - 0 0 0 1px var(--color-accent-lines) inset, - 0 0 0 1px var(--color-accent-lines) inset -} -.layout-single-column .react-toggle-thumb { - border: 0; -} -.layout-single-column .react-toggle.react-toggle--checked .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track, -.layout-single-column .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { - background-color: var(--color-accent); -} -.layout-single-column .react-toggle--checked .react-toggle-thumb { - border-color: var(--color-accent); -} -.layout-single-column .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { - background-color: var(--color-accent-focus); -} - - -/* ⏺️ Radio buttons */ -.layout-single-column .radio-button { - color: var(--color-content-fg); -} -.layout-single-column .radio-button__input { - border-width: 2px; - border-color: var(--color-content-fg-muted); - background-color: var(--color-content-bg); -} -.layout-single-column .radio-button__input.checked { - border-color: var(--color-accent); - background-color: var(--color-accent); -} - -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__container__header, -.layout-single-column .dropdown-menu__item.edited-timestamp__history__item, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__item button { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border-color: var(--color-lines); -} - -.layout-single-column .dropdown-menu, -.layout-single-column .dropdown-menu__item a, -.layout-single-column .dropdown-menu__arrow:before { - background-color: var(--color-content-bg); - color: var(--color-content-fg); - border: 0; -} -.layout-single-column .dropdown-menu__item a:active, -.layout-single-column .dropdown-menu__item a:focus, -.layout-single-column .dropdown-menu__item a:hover, -.layout-single-column .dropdown-menu__item button:active, -.layout-single-column .dropdown-menu__item button:focus, -.layout-single-column .dropdown-menu__item button:hover { - background: var(--color-accent); - color: var(--color-accent-fg); - outline: 0; -} -.layout-single-column .dropdown-menu__separator { - border-color: var(--color-content-secondary-separator); -} - -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, -.layout-single-column .privacy-dropdown__option.active, -.layout-single-column .privacy-dropdown__option.active:hover, -.layout-single-column .privacy-dropdown__option:hover { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, -.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, -.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, -.layout-single-column .privacy-dropdown .icon-button.inverted.active { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - -.layout-single-column .button.button-tertiary.button--confirmation, -.layout-single-column .button.button-tertiary.button--destructive { - background-color: transparent; -} -.layout-single-column .button.button-tertiary.button--confirmation { - color: #4e8a6b; - background-color: rgba(121, 189, 154, 0.3); -} -.layout-single-column .button.button-tertiary.button--destructive { - color: #df405a; - background-color: rgba(223, 64, 90, 0.3); -} -.layout-single-column .button.button-tertiary.button--confirmation:active, -.layout-single-column .button.button-tertiary.button--confirmation:focus, -.layout-single-column .button.button-tertiary.button--confirmation:hover { - background-color: #79bd9a; - color: #ffffff; -} -.layout-single-column .button.button-tertiary.button--destructive:active, -.layout-single-column .button.button-tertiary.button--destructive:focus, -.layout-single-column .button.button-tertiary.button--destructive:hover { - background-color: #df405a; - color: #ffffff; -} -@media (prefers-color-scheme: dark) { - .layout-single-column .button.button-tertiary.button--confirmation { - color: #72cb9d; - } - .layout-single-column .button.button-tertiary.button--destructive { - color: #f3637b; - } -} -.layout-single-column .app-body .block-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__cancel-button, -.layout-single-column .app-body .confirmation-modal__secondary-button, -.layout-single-column .app-body .mute-modal__cancel-button { - background-color: transparent; -} -.layout-single-column .status__content a.hashtag { - color: var(--color-accent); -} - - - -/* πŸ–±οΈ Interaction modals - --------------------- */ -.layout-single-column .interaction-modal { - background-color: var(--color-content-bg); - border: 0; -} -.layout-single-column .interaction-modal, -.layout-single-column .interaction-modal__lead h3 { - color: var(--color-content-fg); -} -.layout-single-column .interaction-modal__lead p, -.layout-single-column .interaction-modal__choices__choice p { - color: var(--color-fg); -} -.layout-single-column .interaction-modal p { - color: var(--color-content-fg); -} -.layout-single-column .interaction-modal p.hint { - color: var(--color-content-fg-muted); -} -.layout-single-column .interaction-modal .button, -.layout-single-column .interaction-modal .button.button-tertiary { - padding: 10px 18px; -} -.layout-single-column .interaction-modal .button.button-tertiary:hover { - background-color: var(--color-content-secondary-separator); -} -.layout-single-column .copypaste input, -.layout-single-column .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); - color: var(--color-content-fg); - border-radius: 8px; -} -.layout-single-column .interaction-modal__login.expanded .interaction-modal__login__input { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; -} -.layout-single-column .interaction-modal__login__input input::placeholder { - color: var(--color-accent); -} -.layout-single-column .interaction-modal__login.focused .interaction-modal__login__input { - background-color: var(--color-content-bg); - border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); -} -.layout-single-column .interaction-modal__login .search__popout { - border-color: var(--color-lines); -} -.layout-single-column .interaction-modal .copypaste button { - padding: 8px 18px; -} -.layout-single-column .modal-root__overlay { - background-color: hsla(0, 0%, 1%, 0.7); -} -.layout-single-column .modal-root__modal, -.layout-single-column .boost-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .boost-modal__container { - margin-bottom: -11px; -} -.layout-single-column .confirmation-modal__container, -.layout-single-column .mute-modal__container, -.layout-single-column .block-modal__container { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .block-modal__action-bar, -.layout-single-column .boost-modal__action-bar, -.layout-single-column .confirmation-modal__action-bar, -.layout-single-column .mute-modal__action-bar { - background-color: var(--color-accent-bg); -} -.layout-single-column .block-modal__action-bar > div, -.layout-single-column .boost-modal__action-bar > div, -.layout-single-column .confirmation-modal__action-bar > div, -.layout-single-column .mute-modal__action-bar > div, -.layout-single-column .boost-modal__container .status__content__text, -.layout-single-column .boost-modal__container .display-name strong.display-name__html, -.layout-single-column .boost-modal__container .status__info, -.layout-single-column .boost-modal__container .status__relative-time time, -.layout-single-column .boost-modal__container .status.light .status__visibility-icon { - color: var(--color-content-fg); -} -.layout-single-column .actions-modal ul li:not(:empty) a { - color: var(--color-content-fg); -} -.layout-single-column .actions-modal ul li:not(:empty) a.active, -.layout-single-column .actions-modal ul li:not(:empty) a.active button, -.layout-single-column .actions-modal ul li:not(:empty) a:active, -.layout-single-column .actions-modal ul li:not(:empty) a:active button, -.layout-single-column .actions-modal ul li:not(:empty) a:focus, -.layout-single-column .actions-modal ul li:not(:empty) a:focus button, -.layout-single-column .actions-modal ul li:not(:empty) a:hover, -.layout-single-column .actions-modal ul li:not(:empty) a:hover button { - background-color: var(--color-accent); - color: var(--color-accent-fg); -} - - -/* Media modals */ -.layout-single-column .modal-root__modal.media-modal { - background-color: rgba(255, 255, 255, .8); -} -.layout-single-column .media-modal__overlay .picture-in-picture__footer { - background-color: transparent; -} -.layout-single-column .media-modal__nav, -.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button { - color: var(--color-content-fg); -} -.layout-single-column .media-modal__page-dot { - background-color: var(--color-content-fg); -} -@media (prefers-color-scheme: dark) { - .layout-single-column .modal-root__modal.media-modal { - background-color: rgba(0, 0, 0, .6); - } -} - - -/* Report modals */ -.layout-single-column .report-dialog-modal__container { - border-top: 0; -} -.layout-single-column .report-dialog-modal__lead { - color: var(--color-content-fg-muted); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option { - border-color: var(--color-lines); - border-width: 3px; -} -.layout-single-column .report-dialog-modal .dialog-option .poll__input { - border-color: var(--color-accent); -} -.layout-single-column .report-dialog-modal .dialog-option .poll__input.active { - border-color: var(--color-accent); - background-color: var(--color-accent); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text { - color: var(--color-content-fg); -} -.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong { - color: var(--color-content-fg-bold) -} -.layout-single-column .report-modal__comment, -.layout-single-column .report-modal__container { - border-color: var(--color-lines); -} -.layout-single-column .report-modal__comment .setting-text-label { - color: var(--color-content-fg); -} - - - -/* πŸ–ΌοΈ Picture in Picture */ -.layout-single-column .picture-in-picture { - box-shadow: 0 0 5px rgba(0, 0, 0, .2); - border-radius: 8px; -} -.layout-single-column .picture-in-picture__footer, -.layout-single-column .picture-in-picture__header { - background-color: var(--color-content-bg); -} -.layout-single-column .picture-in-picture__header .display-name span { - color: var(--color-content-fg-muted); -} - -/* ⏯️ Video controls */ -.layout-single-column .video-player__seek__progress, -.layout-single-column .video-player__volume__handle, -.layout-single-column .video-player__volume__current, -.layout-single-column .video-player__seek__handle { - background-color: var(--color-accent); -} - - -/* πŸ“„ Meta - ------- */ -.layout-single-column .link-footer p, -.layout-single-column .link-footer a { - color: var(--color-fg-muted); -} - -/* Server banner */ -.layout-single-column .server-banner__introduction { - display: none; -} -.layout-single-column .server-banner { - padding: 0 0 20px; -} -.layout-single-column .server-banner__hero { - border-radius: 8px 8px 0 0; - margin-bottom: 0; -} -.layout-single-column .server-banner__description { - padding: 20px 15px 20px; - margin-bottom: 0; - background-color: var(--color-content-bg); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); -} -.layout-single-column .server-banner__meta { - padding: 0 15px 20px; - background-color: var(--color-content-bg); - border-left: 1px solid var(--color-lines); - border-right: 1px solid var(--color-lines); - border-bottom: 1px solid var(--color-lines); - gap: 0; - margin: 0; - border-radius: 0 0 8px 8px; - align-items: end; -} -.layout-single-column .server-banner h4 { - color: var(--color-fg); - font-size: 80%; -} -.layout-single-column .server-banner__number { - color: var(--color-content-fg-bold); -} -.layout-single-column .server-banner__number-label { - color: var(--color-content-fg); -} -.layout-single-column .server-banner .account { - background-color: transparent; - box-shadow: none; - padding: 0; - border-left: 0; - border-right: 0; -} -.layout-single-column .server-banner__meta__column:first-child { - width: calc(60% - 5px); -} -.layout-single-column .server-banner__meta__column:nth-child(2) { - width: calc(40% - 5px); -} -.layout-single-column .server-banner .button.button-secondary { - padding: 10px; - margin: 10px 0; -} -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { - border: 0; - background-color: var(--color-accent-bg); - color: var(--color-accent); -} -.layout-single-column .button.button-secondary:hover, -.layout-single-column .button.button-tertiary:hover { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .sign-in-banner .button, -.layout-single-column .button.button-secondary, -.layout-single-column .button.button-tertiary { - padding: 10px 18px; -} -@media screen and (max-width:1174px) { - .layout-single-column .button.button-tertiary { - padding: 7px 18px; - } -} -.layout-single-column .sign-in-banner p { - color: var(--color-fg); - opacity: .5; -} - - - -/* πŸ€— Onboarding */ -.layout-single-column .scrollable.follow-recommendations-container, -.layout-single-column .column-list { - background-color: var(--color-content-bg); -} -.layout-single-column .column-title .logo { - display: none; -} -.layout-single-column .column-title h3, -.layout-single-column .column-title p { - color: var(--color-content-fg); -} -.layout-single-column .column-list { - border: 0; -} -.layout-single-column .account__note { - color: var(--color-content-fg-muted); -} - -.layout-single-column .onboarding__steps__item, -.layout-single-column .onboarding__link { - background-color: var(--color-content-secondary-bg); - transition: all .2s; -} -.layout-single-column .onboarding__steps__item:active, -.layout-single-column .onboarding__steps__item:focus, -.layout-single-column .onboarding__steps__item:hover, -.layout-single-column .onboarding__link:active, -.layout-single-column .onboarding__link:focus, -.layout-single-column .onboarding__link:hover { - background-color: var(--color-accent-bg); -} -.layout-single-column .onboarding__steps__item__icon, -.layout-single-column .onboarding__steps__item__description h6, -.layout-single-column .onboarding__link { - color: var(--color-accent); -} -.layout-single-column .onboarding__steps__item__description p, -.layout-single-column .onboarding__lead, -.layout-single-column .onboarding__lead strong { - color: var(--color-content-fg); -} -.layout-single-column .onboarding__steps__item__go svg path, -.layout-single-column .onboarding__link svg path { - fill: var(--color-accent); -} - -.layout-single-column .follow-recommendations { - background-color: var(--color-content-bg); -} -.layout-single-column .follow-recommendations .account { - border-left: 0; - border-right: 0; - margin-bottom: 15px; -} -.layout-single-column .follow-recommendations .account__note { - color: var(--color-content-fg); - opacity: .7; -} -.layout-single-column .follow-recommendations .account__note p { - overflow: hidden; -} - -.layout-single-column .copy-paste-text { - background-color: var(--color-accent-bg); - border-color: var(--color-accent-lines); - color: var(--color-content-fg); -} -.layout-single-column .copy-paste-text:focus, -.layout-single-column .copy-paste-text:active, -.layout-single-column .tip-carousel:focus { - border-color: var(--color-accent); -} -.layout-single-column .copy-paste-text:has(textarea:focus) { - border-color: var(--color-accent); -} - -/* πŸ“’ Announcements */ -.layout-single-column .announcements, -.layout-single-column .announcements::after { - background-color: var(--color-accent-bg); - color: var(--color-content-fg); -} -.layout-single-column .announcements { - margin-top: 10px; - border-radius: 8px; - overflow: visible; - z-index: 0; - box-shadow: 0 -20px var(--color-bg); - border: 1px solid var(--color-accent-lines); -} -.layout-single-column .announcements__item strong { - font-weight: 800; - color: var(--color-content-fg-bold); -} -.layout-single-column .announcements__item__unread { - color: var(--color-accent); -} -.layout-single-column .announcements__pagination, -.layout-single-column .announcements__pagination .icon-button { - color: var(--color-content-fg); -} -.layout-single-column .announcements__mastodon { - border-radius: 0 0 0 8px; -} -.layout-single-column .reactions-bar__item { - background-color: var(--color-content-bg); -} -.layout-single-column .reactions-bar__item.active { - background-color: var(--color-accent); -} -.layout-single-column .reactions-bar__item__count, -.layout-single-column .reactions-bar__item__count .animated-number { - color: var(--color-content-fg); -} -.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number { - color: var(--color-accent-fg); -} -.layout-single-column .reactions-bar .emoji-button, -.layout-single-column .announcements__item__content a.unhandled-link, -.layout-single-column .announcements__item__content a { - color: var(--color-accent); -} -.layout-single-column .announcements .emoji-button { - margin: 0; -} -@media screen and (max-width:1174px) { - .layout-single-column .announcements { - box-shadow: none; - margin-top: -10px; - border-radius: 0; - } - .layout-single-column .announcements__mastodon { - border-radius: 0; - } -} - - - -/* 404 */ -.layout-single-column .empty-column-indicator, -.layout-single-column .error-column { - background-color: var(--color-content-bg); - color: var(--color-content-fg); -} -.layout-single-column .error-column { - border: 1px solid var(--color-lines); - border-radius: 8px !important; -} -.layout-single-column .error-column__message h1, -.layout-single-column .error-column__message { - color: var(--color-content-fg); -} -.layout-single-column .error-column__image { - margin-top: 0; -} -@media screen and (max-width:889px) { - .layout-single-column .error-column { - border-radius: 0 !important; - border-left: 0; - border-right: 0; - } -} - - - -/* πŸ“œ About page - ------------- */ -.layout-single-column .scrollable.about { - background-color: var(--color-content-bg); - border: 1px solid var(--color-lines); - display: flex; - flex-flow: column; -} -@media screen and (max-width:889px) { - .layout-single-column .scrollable.about { - border-left: 0; - border-right: 0; - } -} -.layout-single-column .about__header { - order: 1; - margin-bottom: 10px; -} -.layout-single-column .about__section:nth-child(3) { - order: 3; -} -.layout-single-column .about__meta { - order: 2; -} -.layout-single-column .about__section:nth-child(4) { - order: 4; -} -.layout-single-column .about__section:nth-child(5) { - order: 5; -} -.layout-single-column .link-footer { - order: 6; -} -.layout-single-column .about__footer { - order: 7; -} -.layout-single-column .about__header h1, -.layout-single-column .about__header p, -.layout-single-column #mastodon > div > div > div.columns-area__panels > div.columns-area__panels__main > div.columns-area.columns-area--mobile > div > div > div.about__section.active:nth-of-type(3) > div.about__section__title { - display: none; -} -.layout-single-column .about__header p, -.layout-single-column .about__meta h4 { - color: var(--color-fg); -} -.layout-single-column .about__header__hero { - margin: -20px -20px 20px; - width: calc(100% + 40px); - border-radius: 0; - background-color: var(--color-content-bg); -} -.layout-single-column .about__header__hero, -.layout-single-column .about__meta { - margin-bottom: 10px; -} -.layout-single-column .about__header h1 { - margin-bottom: 0; -} -@media screen and (min-width:890px) { - .layout-single-column .scrollable.about { - border-radius: 8px !important; - } - .layout-single-column .about__header__hero { - border-radius: 8px 8px 0 0; - } -} -.layout-single-column .about__mail { - color: var(--color-content-fg); -} -.layout-single-column .about__meta h4 { - font-size: 12px; - font-weight: bold; - margin-bottom: 8px; -} -.layout-single-column .about__meta .account { - background: none; - box-shadow: none; - padding: 0; - border-left: 0; - border-right: 0; -} -.layout-single-column .about__meta__divider { - border-left: 3px solid var(--color-content-secondary-separator); -} -@media screen and (max-width:600px) { - .layout-single-column .about__meta__divider { - border-top: 3px solid var(--color-content-secondary-separator); - width: 90%; - } -} -.layout-single-column .about__section:nth-child(3) .about__section__body { - padding-bottom: 3em; -} -.layout-single-column .about__meta, -.layout-single-column .about__section__title { - color: var(--color-accent); - background-color: var(--color-content-secondary-bg); - border: 0; - border-radius: 8px; -} -.layout-single-column .about__section.active .about__section__title { - border-radius: 8px 8px 0 0; -} -.layout-single-column .about__section.active:not(:nth-of-type(3)) .about__section__body { - border: 0 !important; - background-color: var(--color-content-secondary-bg); - border-radius: 0 0 8px 8px; -} - -.layout-single-column .prose, -.layout-single-column .prose p, -.layout-single-column .prose b, -.layout-single-column .prose h1, -.layout-single-column .prose h2, -.layout-single-column .prose h3, -.layout-single-column .prose h4, -.layout-single-column .prose h5, -.layout-single-column .prose h6, -.layout-single-column .prose strong, -.layout-single-column .rules-list, -.layout-single-column .about__domain-blocks__domain h6, -.layout-single-column .about__domain-blocks__domain__type { - color: var(--color-content-fg); -} -.layout-single-column .prose ul>li:before { - background-color: var(--color-fg); -} -.layout-single-column .about__section__body .prose hr { - border-color: var(--color-content-secondary-separator); - margin-top: 2em; - margin-bottom: 2em; - border-width: 3px; -} -.layout-single-column .about__section__body .prose a, -.layout-single-column .about__section__body .prose a:hover, -.layout-single-column .prose a strong { - color: var(--color-accent); - text-decoration: none; -} -.layout-single-column .about__section__body .prose a:hover { - text-decoration: underline; -} -.layout-single-column .about__section__body .prose small.lang_label { - margin-left: -2em; - margin-top: 1px; - display: block; - color: var(--color-content-fg-muted); - font-weight: bold; - font-size: 80%; - float: left; -} -.about__section.active .about__section__title { - background-color: var(--color-accent-bg); -} -.layout-single-column .rules-list li { - border-bottom: 2px solid var(--color-accent-lines); - padding: 1em 1.75em 1em 3.4em; -} -.layout-single-column .rules-list li:last-child { - border-bottom: 0; -} -.about__domain-blocks { - background-color: var(--color-content-bg); - border: 0; -} -.about__domain-blocks__domain { - color: var(--color-content-fg); - border-bottom: 0; -} -.about__domain-blocks__domain:nth-child(2n) { - background-color: var(--color-content-secondary-bg); -} - - - -/* Privacy Policy page */ -.layout-single-column .column > .scrollable.privacy-policy { - border: 1px solid var(--color-lines); - background-color: var(--color-content-bg); -} - - - -/* πŸ‘‹ Hide superfluous UI */ -.layout-single-column div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr, -.layout-single-column .navigation-panel__legal > hr, -.layout-single-column .about__footer, /* Hide meta footer */ -.layout-single-column .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */ -.layout-single-column .search-banner ~ .search, /* Hide search field for logged out users */ -.layout-single-column .getting-started__trends h4, /* Hide Trending header in sidebar */ -.layout-single-column .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ { - display: none; -} diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss new file mode 100644 index 0000000..c1d23b3 --- /dev/null +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -0,0 +1,4880 @@ +/* TangerineUI 🍊 for Mastodon + version: 2.0.0-pre + + A Tangerine redesign for Mastodon's Web UI. + https://github.com/nileane/TangerineUI-for-Mastodon/ + + by @nileane@nileane.fr + + Compatible with: Mastodon v4.3.0 βœ… +*/ + + +/* 🎨 Colors */ +:root { + --color-bg: #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-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); + } +} + + +/* πŸ“ 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% - 4em); +} +.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); +} + +/* πŸ“Š 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:focus { + box-shadow: 0 0 0 2px 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; +} + + + +/* 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; + } +} +.app-body .columns-area__panels__main .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: 22px 20px 24px; + 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 (min-width:890px) and (max-width:1174px) { + .app-body .hashtag-header { + margin-top: 15px; + } +} +@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"])::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 + ------- */ +.app-body .link-footer p, +.app-body .link-footer a { + color: var(--color-fg-muted); +} + +/* 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: 2px 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; + } +}