diff --git a/oreon-shell-theme/oreon-shell-theme.spec b/oreon-shell-theme/oreon-shell-theme.spec
new file mode 100644
index 000000000..4907ed97e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme.spec
@@ -0,0 +1,39 @@
+Name: oreon-shell-theme
+Version: 1
+Release: 1%{?dist}
+Summary: Gnome Shell
+
+License: GPLv2+
+URL: https://oreonproject.org/os
+Source0: oreon-shell-theme.zip
+
+BuildArch: noarch
+
+Requires: dconf-editor
+Requires: dconf
+
+%description
+Themes
+
+
+%prep
+%autosetup -n oreon-shell-theme -p 1
+
+%install
+mkdir -p %{buildroot}/usr/share/themes/
+cp -r %{_builddir}/oreon-shell-theme/oreon-shell-theme/. %{buildroot}/usr/share/themes/
+
+%files
+/usr/share/themes/OreonBlue-Dark
+/usr/share/themes/OreonBlue-Light
+/usr/share/themes/OreonGreen-Dark
+/usr/share/themes/OreonGreen-Light
+/usr/share/themes/OreonGrey-Dark
+/usr/share/themes/OreonGrey-Light
+/usr/share/themes/OreonOrange-Dark
+/usr/share/themes/OreonOrange-Light
+/usr/share/themes/OreonPurple-Dark
+/usr/share/themes/OreonPurple-Light
+/usr/share/themes/OreonRed-Dark
+/usr/share/themes/OreonRed-Light
+
diff --git a/oreon-shell-theme/oreon-shell-theme.zip b/oreon-shell-theme/oreon-shell-theme.zip
new file mode 100644
index 000000000..8f84c88fe
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme.zip differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..b8d6f1d32
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..483f9c6a1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..22a48762e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..a8f852a2d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..683b89ef2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..e3e93c48f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..e3e93c48f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..3ae51e166
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..5fecb68cd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..6faee0a5d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..daac7af7d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..d61003680
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..d54154029
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..dd00e906b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..42cab7c12
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..3ead88f7c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..1006314da
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..a24f133ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..14575d587
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..0a98565c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..0d5361efd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..d5d4b63cb
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..62358ffcf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #bde6fb; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #bde6fb; background-color: rgba(23, 29, 32, 0.925); border: 1px solid rgba(189, 230, 251, 0.075); border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #bde6fb; background-color: #1e2529; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #bde6fb; background-color: #2a3439; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #bde6fb; background-color: #39464c; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #404f56; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #4a5b64; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 4px rgba(23, 29, 32, 0.15); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #bde6fb; background-color: #3d4c53; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #bde6fb; background-color: #2a3439; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #bde6fb; background-color: #39464c; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #404f56; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #4a5b64; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 4px rgba(23, 29, 32, 0.15); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #bde6fb; background-color: #3d4c53; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #bde6fb; background-color: #39464c; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #404f56; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #4a5b64; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(23, 29, 32, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(23, 29, 32, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #bde6fb; background-color: rgba(54, 67, 74, 0.937563); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(63, 77, 84, 0.940938); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(74, 91, 100, 0.946); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #bde6fb; background-color: rgba(47, 58, 63, 0.934375); box-shadow: 0 2px 4px rgba(23, 29, 32, 0.15); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #bde6fb; background-color: rgba(60, 74, 81, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #edf8fe; }
+
+.shell-link:hover { color: white; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(23, 29, 32, 0.25); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(23, 29, 32, 0.25); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #bde6fb; background-color: #171d20; color: #bde6fb; border: 1px solid #2a3439; box-shadow: none; selection-background-color: #415158; selected-color: #bde6fb; }
+
+StEntry:focus { background-color: #171d20; border-color: #bde6fb; color: #bde6fb; box-shadow: inset 0 0 0 1px #bde6fb; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #6d8692; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #faa483; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(189, 230, 251, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off-dark.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused-dark.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox-dark.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused-dark.svg"); }
+
+/* Switches */
+.toggle-switch { color: #bde6fb; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off-dark.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on-dark.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #2a3439; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #bde6fb; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #bde6fb; color: #bde6fb; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #7d99a7; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9dbfd1; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #bde6fb; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #bde6fb; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid rgba(189, 230, 251, 0.075); box-shadow: 0 6px 12px rgba(23, 29, 32, 0.25); background-color: #1e2529; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #2e393e !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #354249 !important; }
+
+.popup-menu-item:checked { background-color: #171d20 !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #2a3439; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #2e393e !important; }
+
+.popup-menu-item:checked:active { background-color: #354249 !important; }
+
+.popup-menu-item:active { background-color: #404f58; color: #bde6fb; }
+
+.popup-menu-item:insensitive { color: rgba(189, 230, 251, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #bde6fb; }
+
+.popup-inactive-menu-item:insensitive { color: #6d8692; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: #171d20; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #2e393e !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: #171d20 !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #2e393e !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #354249 !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #2a3439; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #39474e; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(23, 29, 32, 0.5); }
+
+.datemenu-today-button:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.datemenu-today-button:hover { color: #bde6fb; background-color: #2a3439; }
+
+.datemenu-today-button:active { color: #bde6fb; background-color: #323e44; }
+
+.datemenu-today-button .day-label { color: #6d8692; }
+
+.datemenu-today-button .date-label { color: #bde6fb; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(23, 29, 32, 0.5); }
+
+.calendar:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.calendar:hover { color: #bde6fb; background-color: #2a3439; }
+
+.calendar:active { color: #bde6fb; background-color: #323e44; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #bde6fb; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #2e393e; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #354249; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #2e393e; }
+
+.calendar .calendar-day-base:focus { background-color: #3d4c53; color: #bde6fb; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #bde6fb; background-color: #354249; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #354249; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #6d8692; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #bde6fb; }
+
+.calendar .calendar-other-month-day { color: rgba(189, 230, 251, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(189, 230, 251, 0.5); }
+
+.calendar .calendar-today { background-color: #bde6fb; font-weight: 800; color: #171d20 !important; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #cbebfc; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; color: inherit; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #d5effc; color: #171d20; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event-dark.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today-dark.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(189, 230, 251, 0.075); color: #6d8692; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #bde6fb; background-color: #171d20; padding: 12px; }
+
+.events-button:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.events-button:hover { color: #bde6fb; background-color: #2a3439; }
+
+.events-button:active { color: #bde6fb; background-color: #323e44; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #6d8692; margin-bottom: 4px; }
+
+.events-button .event-time { color: #6d8692; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #bde6fb; background-color: #171d20; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.world-clocks-button:hover { color: #bde6fb; background-color: #2a3439; }
+
+.world-clocks-button:active { color: #bde6fb; background-color: #323e44; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #6d8692; }
+
+.world-clocks-button .world-clocks-city { color: #bde6fb; }
+
+.world-clocks-button .world-clocks-time { color: #bde6fb; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #6d8692; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #bde6fb; background-color: #171d20; padding: 12px; }
+
+.weather-button:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.weather-button:hover { color: #bde6fb; background-color: #2a3439; }
+
+.weather-button:active { color: #bde6fb; background-color: #323e44; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #6d8692; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #bde6fb; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(109, 134, 146, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: #171d20; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(189, 230, 251, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #bde6fb; background-color: #171d20; background-color: rgba(23, 29, 32, 0.925); }
+
+.message:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.message:hover { color: #bde6fb; background-color: #2a3439; }
+
+.message:active { color: #bde6fb; background-color: #323e44; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(189, 230, 251, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(189, 230, 251, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(189, 230, 251, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #bde6fb; }
+
+.url-highlighter { link-color: #edf8fe; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #bde6fb; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(189, 230, 251, 0.075); color: #bde6fb; }
+
+.message-media-control:active { background-color: rgba(189, 230, 251, 0.125); color: #bde6fb; }
+
+.message-media-control:insensitive { color: #6d8692; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #6d8692; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #bde6fb; color: #171d20; }
+
+.candidate-box:hover { background-color: #2e393e; color: #bde6fb; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(23, 29, 32, 0.25); border-radius: 12px; margin: 8px; border: 1px solid rgba(189, 230, 251, 0.075); }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #bde6fb; color: #171d20; border: 2px solid #bde6fb; box-shadow: 0 2px 2px rgba(23, 29, 32, 0.25); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #bde6fb; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#bde6fb, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(189, 230, 251, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fb7c7c; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: #171d20; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff929b; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #fa4a4a; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #6d8692; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #95b6c6; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #95b6c6; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fb7c7c; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fb7c7c; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #2e393e; }
+
+.audio-selection-device:active { background-color: #bde6fb; color: #171d20; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(23, 29, 32, 0.25); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(189, 230, 251, 0.25); -barlevel-active-background-color: #bde6fb; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(23, 29, 32, 0.25); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(189, 230, 251, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(189, 230, 251, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(189, 230, 251, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(189, 230, 251, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(189, 230, 251, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(189, 230, 251, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(189, 230, 251, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(189, 230, 251, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #2a3439; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(189, 230, 251, 0.8); color: rgba(189, 230, 251, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #bde6fb; color: #bde6fb; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #bde6fb; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(23, 29, 32, 0.25); }
+
+.ws-switcher-indicator { background-color: rgba(189, 230, 251, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #bde6fb; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(23, 29, 32, 0.25); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(189, 230, 251, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(189, 230, 251, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #2e393e; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(189, 230, 251, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #bde6fb; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fb7c7c; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fc9595; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #fb5959; }
+
+.screenshot-ui-shot-cast-container { background-color: #3d4c53; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #bde6fb; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(189, 230, 251, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(189, 230, 251, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: #171d20; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.1); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(189, 230, 251, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(51, 63, 69, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(60, 74, 81, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(69, 85, 93, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #bde6fb; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #1e2529; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(189, 230, 251, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #171d20; background-color: #bde6fb; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(23, 29, 32, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #bde6fb; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fb7c7c; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #faa483; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: #171d20; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(189, 230, 251, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities-dark.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: #171d20; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #faa483; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(23, 29, 32, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: #171d20; background-color: #d2f3ff; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.1); }
+
+.quick-toggle:checked:active { color: #171d20; background-color: #8dd4f8; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(93, 114, 125, 0.2); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #bde6fb; background-color: #39464c; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #404f56; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #4a5b64; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: #171d20; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(189, 230, 251, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #bde6fb; background-color: #2a3439; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #1e2529; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(189, 230, 251, 0.925); color: #171d20; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(23, 29, 32, 0.25); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #9cbecf; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #7a95a3; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(23, 29, 32, 0.25); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: #171d20; color: #bde6fb; border: 1px solid #2a3439; box-shadow: none; border-color: rgba(189, 230, 251, 0.25); }
+
+.search-entry:focus { background-color: #171d20; border-color: #bde6fb; color: #bde6fb; box-shadow: inset 0 0 0 1px #bde6fb; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #6d8692; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(23, 29, 32, 0.75); border-radius: 24px; border: 1px solid rgba(189, 230, 251, 0.075); color: #bde6fb; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(189, 230, 251, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(189, 230, 251, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(189, 230, 251, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(189, 230, 251, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(189, 230, 251, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(189, 230, 251, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(189, 230, 251, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(189, 230, 251, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #bde6fb; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(189, 230, 251, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #bde6fb; }
+
+.dash-background { background-color: rgba(23, 29, 32, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(189, 230, 251, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #bde6fb; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(189, 230, 251, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(189, 230, 251, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #bde6fb; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(189, 230, 251, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(189, 230, 251, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(189, 230, 251, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #bde6fb; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: #171d20; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; box-shadow: 0 2px 4px 0 rgba(251, 124, 124, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #bde6fb; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(189, 230, 251, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #bde6fb; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(189, 230, 251, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(189, 230, 251, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(189, 230, 251, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(189, 230, 251, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(189, 230, 251, 0.8); background-color: rgba(189, 230, 251, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(50, 62, 68, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #bde6fb; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #bde6fb; background-color: #3c4b52; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #bde6fb; background-color: #495a63; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #4f626b; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #596d78; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #bde6fb; background-color: #43535b; box-shadow: 0 2px 4px rgba(23, 29, 32, 0.15); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #bde6fb; background-color: #4e6069; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: #171d20; background-color: #bde6fb; background-gradient-direction: none; background-gradient-start: #a0defe; background-gradient-end: #d2f3ff; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #bde6fb; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #bde6fb; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #bde6fb; color: #1e2529; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(189, 230, 251, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(189, 230, 251, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(189, 230, 251, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #bde6fb; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(189, 230, 251, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(23, 29, 32, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #bde6fb; background-color: #3c4b52; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #bde6fb; background-color: #43535b; box-shadow: 0 2px 4px rgba(23, 29, 32, 0.15); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder-dark.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #bde6fb; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #bde6fb; -pie-background-color: rgba(255, 255, 255, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #bde6fb; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(189, 230, 251, 0.3); border: 1px solid #bde6fb; }
+
+.user-icon { background-size: contain; color: #bde6fb; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(189, 230, 251, 0.875); }
+
+.user-icon StIcon { background-color: rgba(189, 230, 251, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #faa483; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #1e2529; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(189, 230, 251, 0.5); border: 1px solid #bde6fb; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(23, 29, 32, 0.9625); box-shadow: inset 0 1px 0 0 #2a3439; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); }
+
+.keyboard-key:focus { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(189, 230, 251, 0.2); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(189, 230, 251, 0.275); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.keyboard-key:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); }
+
+.keyboard-key:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.275); }
+
+.keyboard-key:checked { color: #171d20; background-color: #bde6fb; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(189, 230, 251, 0.25); color: #6d8692; }
+
+.keyboard-key.default-key { color: #bde6fb; background-color: rgba(106, 129, 141, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #bde6fb; background-color: rgba(106, 129, 141, 0.2); }
+
+.keyboard-key.default-key:active { color: #bde6fb; background-color: rgba(106, 129, 141, 0.275); }
+
+.keyboard-key.default-key:checked { color: #171d20; background-color: #bde6fb; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #bde6fb; color: #171d20; border-color: transparent; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.keyboard-key.enter-key { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); border-radius: 12px; color: #bde6fb; }
+
+.keyboard-key.enter-key:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); }
+
+.keyboard-key.enter-key:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.275); }
+
+.keyboard-key.enter-key:checked { color: #171d20; background-color: #bde6fb; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #bde6fb; color: #171d20; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #d2f3ff; color: #171d20; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(23, 29, 32, 0.925); -arrow-border-width: 1px; -arrow-border-color: #2a3439; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(189, 230, 251, 0.2); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(189, 230, 251, 0.275); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: #171d20; background-color: #bde6fb; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #bde6fb; background-color: #bde6fb; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #bde6fb; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(189, 230, 251, 0.2); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(189, 230, 251, 0.275); box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.7); }
+
+.word-suggestions StButton:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.2); }
+
+.word-suggestions StButton:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.275); }
+
+.word-suggestions StButton:checked { color: #171d20; background-color: #bde6fb; box-shadow: 0 4px 8px rgba(189, 230, 251, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(23, 29, 32, 0.925); border-radius: 16px; border: 1px solid rgba(189, 230, 251, 0.075); color: #bde6fb; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(23, 29, 32, 0.25); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #bde6fb; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #bde6fb; background-color: rgba(189, 230, 251, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #bde6fb; selected-color: #171d20; }
+
+.lg-dialog .shell-link { color: #edf8fe; }
+
+.lg-dialog .shell-link:hover { color: white; }
+
+.lg-dialog .shell-link:active { color: #bde6fb; }
+
+.lg-dialog .actor-link { color: #6d8692; }
+
+.lg-dialog .actor-link:hover { color: #8a9ea8; }
+
+.lg-dialog .actor-link:active { color: #576b75; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(189, 230, 251, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(189, 230, 251, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #bde6fb; background-color: #171d20; }
+
+.lg-extension:focus { background-color: #283136; box-shadow: inset 0 0 0 2px rgba(189, 230, 251, 0.6); }
+
+.lg-extension:hover { color: #bde6fb; background-color: #2a3439; }
+
+.lg-extension:active { color: #bde6fb; background-color: #323e44; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(23, 29, 32, 0.925); border: 1px solid rgba(189, 230, 251, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #bde6fb; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: white; }
+
+.lg-debug-flag-button:active { color: #75caf6; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #171d20; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #171d20; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #171d20; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #171d20; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #1e2529; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(30, 37, 41, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(30, 37, 41, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(30, 37, 41, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/process-working.svg
new file mode 100644
index 000000000..f2340245e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-2.0/gtkrc
new file mode 100644
index 000000000..490cb5d38
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#bde6fb\nbg_color:#1e2529\nbase_color:#171d20\ntext_color:#bde6fb\nselected_bg_color:#bde6fb\nselected_fg_color:#171d20\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#1e2529\npanel_fg_color:#bde6fb"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..2581fb8ac
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bde6fb; }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bde6fb; background-color: #1e2529; }
+
+.gtkstyle-fallback:hover { color: #bde6fb; background-color: #334047; }
+
+.gtkstyle-fallback:active { color: #bde6fb; background-color: #080b0c; }
+
+.gtkstyle-fallback:disabled { color: #6d8692; background-color: #1e2529; }
+
+.gtkstyle-fallback:selected { color: #171d20; background-color: #bde6fb; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bde6fb; background-color: #171d20; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1a2125; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bde6fb; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1e2529; border-top: 1px solid #2a3439; }
+
+assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3d4c53; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6f828a; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(189, 230, 251, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #171d20; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #171d20; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9cbecf; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5d6d74; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #171d20; background-color: #bde6fb; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #edf8fe; }
+
+:backdrop .entry-tag { color: #14191a; background-color: #bde6fb; }
+
+.entry-tag.button { background-color: transparent; color: rgba(23, 29, 32, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bde6fb; color: #171d20; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bde6fb; color: #171d20; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bde6fb), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #14191a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3b494d; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3b494d; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6f828a; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6f828a; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3b494d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3b494d; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #edf8fe; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #747779; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2e3436; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #edf8fe; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #42494c; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(245, 245, 245, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(237, 248, 254, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #42494c; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #171d20; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #14191a; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3b494d; background-color: #1a2022; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:backdrop:disabled { color: #3b494d; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1a2022; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1e2529; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1a2022; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1e2529 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bde6fb 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1e2529; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #283033; background-color: #1a2022; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #171d20; border-color: transparent; background-color: #bde6fb; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #171d20; background-color: #bde6fb; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #171d20; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #b0d7ea; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #a8cddf; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #9cbecf; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #93b4c4 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3b494d; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(189, 230, 251, 0); background-color: rgba(189, 230, 251, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(23, 29, 32, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #14191a; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(189, 230, 251, 0.125); border-top-color: #1e2529; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #4b5960; border-top-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view:disabled { color: #6d8692; }
+
+treeview.view:disabled:selected { color: #7a95a3; }
+
+treeview.view:disabled:selected:backdrop { color: #5f7078; }
+
+treeview.view:disabled:backdrop { color: #3b494d; }
+
+treeview.view.separator { min-height: 2px; color: #1e2529; }
+
+treeview.view.separator:backdrop { color: #1a2022; }
+
+treeview.view:backdrop { border-left-color: #445156; border-top: #1a2022; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bde6fb; }
+
+treeview.view.expander:selected { color: #495962; }
+
+treeview.view.expander:selected:hover { color: #171d20; }
+
+treeview.view.expander:selected:backdrop { color: #343e42; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #546269; }
+
+treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view header button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bde6fb; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bde6fb; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1e2529; background-image: none; }
+
+treeview.view header button:backdrop { color: #445156; border-color: #1a2022; border-style: none solid solid none; background-image: none; background-color: #14191a; }
+
+treeview.view header button:backdrop:disabled { border-color: #1a2022; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1a2022; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2e393e; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #171d20; border: 1px solid rgba(42, 52, 57, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #14191a; border-color: rgba(40, 48, 51, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bde6fb; background-color: #2e393e; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6d8692; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3b494d; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6f828a; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #171d20; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #283136; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #283136; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #303b41; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #14191a; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #171d20; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #14191a; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(40, 48, 51, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(189, 230, 251, 0.1); }
+
+notebook > header tab:backdrop { color: #6f828a; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #283033; border-color: #283033; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; }
+
+scrollbar slider:hover { background-color: #9dbfd1; }
+
+scrollbar slider:hover:active { background-color: #bde6fb; }
+
+scrollbar slider:backdrop { background-color: #55646b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bde6fb; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bde6fb; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7d99a7; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9dbfd1; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(125, 153, 167, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #55646b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(85, 100, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 4px rgba(20, 25, 26, 0.075); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #2a3439; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #171d20; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bde6fb); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #2a3439; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1e2529; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2a3439 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #283033 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bde6fb; background-color: #171d20; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #171d20; }
+
+list.content row:backdrop { background-color: #14191a; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1e2529; }
+
+row list.nested > row.activatable:backdrop { background-color: #1a2022; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #14191a; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6d8692; }
+
+expander title > arrow:disabled:backdrop { color: #3b494d; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bde6fb; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(189, 230, 251, 0.45); }
+
+calendar.button:hover { color: #bde6fb; }
+
+calendar.button:backdrop { color: rgba(111, 130, 138, 0.45); }
+
+calendar.button:disabled { color: rgba(109, 134, 146, 0.45); }
+
+calendar.highlight { color: #6d8692; }
+
+calendar.highlight:backdrop { color: #3b494d; }
+
+calendar:backdrop { color: #6f828a; border-color: #283033; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #283033; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1a2022; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #2a3439; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #afd5e8; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #171d20; }
+
+placessidebar row:disabled { color: #6d8692; }
+
+placessidebar row:backdrop { color: #6f828a; }
+
+placessidebar row:backdrop:selected { color: #14191a; }
+
+placessidebar row:backdrop:disabled { color: #3b494d; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1e2529; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1a2022; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6f828a; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3b494d; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #080b0c; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #edf8fe; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6f828a; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #14191b; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #2a3439; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bde6fb; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #171d20; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #6a818d; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #8aa8b7; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #415158; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bde6fb; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #75909c; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bde6fb; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #bde6fb; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+.keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bde6fb; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2e393e; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #171d20; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #2a3439; }
+
+window.background.chromium > textview.view { background-color: #1e2529; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #171d20; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #171d20; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #2a3439; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #20272a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #14191a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #758f9d; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #49565b; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(23, 29, 32, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(20, 25, 26, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(189, 230, 251, 0.4); color: rgba(189, 230, 251, 0.4); }
+
+.disk-space-display.used { background-color: #bde6fb; color: #bde6fb; }
+
+.disk-space-display.free { background-color: rgba(189, 230, 251, 0.1); color: rgba(189, 230, 251, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(189, 230, 251, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #171d20; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1e2529; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #14191a; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #171d20; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #14191a; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1e2529; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1a2022; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bde6fb; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bde6fb; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #171d20; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #14191a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(189, 230, 251, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #171d20; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #14191a; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1e2529; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(189, 230, 251, 0.1), 0 0 0 1px #1e2529; }
+
+terminal-window decoration:backdrop { background-color: #1a2022; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(111, 130, 138, 0.125), 0 0 0 1px #1a2022; }
+
+terminal-window .terminal-screen { background-color: #1e2529; color: #bde6fb; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1a2022; color: #6f828a; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #171d20; }
+
+.tweak-group-startup:backdrop { background-color: #14191a; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #2a3439; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #283033; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #171d20; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #14191a; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1e2529; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #323e44; color: #bde6fb; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1a2022; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #252c2f; color: #6f828a; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1e2529; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1e2529; color: #bde6fb; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #171d20; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #2a3439; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bde6fb; background-color: #323e44; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bde6fb; }
+
+wnck-pager { background-color: #232c30; }
+
+wnck-pager:hover { background-color: #2c363b; }
+
+wnck-pager:selected { background-color: #38454c; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bde6fb; color: #171d20; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #171d20; border: none; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bde6fb); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #add3e6;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #6a818d;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #171d20;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk.css
new file mode 100644
index 000000000..2581fb8ac
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-3.0/gtk.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bde6fb; }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bde6fb; background-color: #1e2529; }
+
+.gtkstyle-fallback:hover { color: #bde6fb; background-color: #334047; }
+
+.gtkstyle-fallback:active { color: #bde6fb; background-color: #080b0c; }
+
+.gtkstyle-fallback:disabled { color: #6d8692; background-color: #1e2529; }
+
+.gtkstyle-fallback:selected { color: #171d20; background-color: #bde6fb; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bde6fb; background-color: #171d20; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1a2125; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bde6fb; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1e2529; border-top: 1px solid #2a3439; }
+
+assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3d4c53; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6f828a; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(189, 230, 251, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #171d20; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #171d20; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9cbecf; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5d6d74; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #171d20; background-color: #bde6fb; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #edf8fe; }
+
+:backdrop .entry-tag { color: #14191a; background-color: #bde6fb; }
+
+.entry-tag.button { background-color: transparent; color: rgba(23, 29, 32, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bde6fb; color: #171d20; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bde6fb; color: #171d20; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bde6fb), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #14191a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3b494d; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3b494d; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6f828a; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6f828a; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3b494d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3b494d; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #edf8fe; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #747779; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2e3436; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #edf8fe; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #42494c; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(245, 245, 245, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(237, 248, 254, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #42494c; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #171d20; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #14191a; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3b494d; background-color: #1a2022; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:backdrop:disabled { color: #3b494d; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1a2022; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1e2529; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1a2022; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1e2529 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bde6fb 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1e2529; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #283033; background-color: #1a2022; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #171d20; border-color: transparent; background-color: #bde6fb; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #171d20; background-color: #bde6fb; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #171d20; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #b0d7ea; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #a8cddf; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #9cbecf; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #93b4c4 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3b494d; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(189, 230, 251, 0); background-color: rgba(189, 230, 251, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(23, 29, 32, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #14191a; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(189, 230, 251, 0.125); border-top-color: #1e2529; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #4b5960; border-top-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view:disabled { color: #6d8692; }
+
+treeview.view:disabled:selected { color: #7a95a3; }
+
+treeview.view:disabled:selected:backdrop { color: #5f7078; }
+
+treeview.view:disabled:backdrop { color: #3b494d; }
+
+treeview.view.separator { min-height: 2px; color: #1e2529; }
+
+treeview.view.separator:backdrop { color: #1a2022; }
+
+treeview.view:backdrop { border-left-color: #445156; border-top: #1a2022; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bde6fb; }
+
+treeview.view.expander:selected { color: #495962; }
+
+treeview.view.expander:selected:hover { color: #171d20; }
+
+treeview.view.expander:selected:backdrop { color: #343e42; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #546269; }
+
+treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view header button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bde6fb; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bde6fb; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1e2529; background-image: none; }
+
+treeview.view header button:backdrop { color: #445156; border-color: #1a2022; border-style: none solid solid none; background-image: none; background-color: #14191a; }
+
+treeview.view header button:backdrop:disabled { border-color: #1a2022; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1a2022; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2e393e; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #171d20; border: 1px solid rgba(42, 52, 57, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #14191a; border-color: rgba(40, 48, 51, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bde6fb; background-color: #2e393e; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6d8692; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3b494d; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6f828a; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #171d20; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #283136; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #283136; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #303b41; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #14191a; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #171d20; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #14191a; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(40, 48, 51, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(189, 230, 251, 0.1); }
+
+notebook > header tab:backdrop { color: #6f828a; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #283033; border-color: #283033; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; }
+
+scrollbar slider:hover { background-color: #9dbfd1; }
+
+scrollbar slider:hover:active { background-color: #bde6fb; }
+
+scrollbar slider:backdrop { background-color: #55646b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bde6fb; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bde6fb; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7d99a7; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9dbfd1; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(125, 153, 167, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #55646b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(85, 100, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 4px rgba(20, 25, 26, 0.075); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #2a3439; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #171d20; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bde6fb); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #2a3439; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1e2529; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2a3439 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #283033 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bde6fb; background-color: #171d20; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #171d20; }
+
+list.content row:backdrop { background-color: #14191a; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1e2529; }
+
+row list.nested > row.activatable:backdrop { background-color: #1a2022; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #14191a; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6d8692; }
+
+expander title > arrow:disabled:backdrop { color: #3b494d; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bde6fb; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(189, 230, 251, 0.45); }
+
+calendar.button:hover { color: #bde6fb; }
+
+calendar.button:backdrop { color: rgba(111, 130, 138, 0.45); }
+
+calendar.button:disabled { color: rgba(109, 134, 146, 0.45); }
+
+calendar.highlight { color: #6d8692; }
+
+calendar.highlight:backdrop { color: #3b494d; }
+
+calendar:backdrop { color: #6f828a; border-color: #283033; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #283033; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1a2022; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #2a3439; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #afd5e8; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #171d20; }
+
+placessidebar row:disabled { color: #6d8692; }
+
+placessidebar row:backdrop { color: #6f828a; }
+
+placessidebar row:backdrop:selected { color: #14191a; }
+
+placessidebar row:backdrop:disabled { color: #3b494d; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1e2529; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1a2022; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6f828a; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3b494d; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #080b0c; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #edf8fe; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6f828a; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #14191b; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #2a3439; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bde6fb; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #171d20; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #6a818d; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #8aa8b7; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #415158; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bde6fb; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #75909c; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bde6fb; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #bde6fb; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+.keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bde6fb; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2e393e; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #171d20; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #2a3439; }
+
+window.background.chromium > textview.view { background-color: #1e2529; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #171d20; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #171d20; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #2a3439; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #20272a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #14191a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #758f9d; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #49565b; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(23, 29, 32, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(20, 25, 26, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(189, 230, 251, 0.4); color: rgba(189, 230, 251, 0.4); }
+
+.disk-space-display.used { background-color: #bde6fb; color: #bde6fb; }
+
+.disk-space-display.free { background-color: rgba(189, 230, 251, 0.1); color: rgba(189, 230, 251, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(189, 230, 251, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #171d20; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1e2529; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #14191a; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #171d20; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #14191a; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1e2529; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1a2022; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bde6fb; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bde6fb; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #171d20; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #14191a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(189, 230, 251, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #171d20; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #14191a; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1e2529; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(189, 230, 251, 0.1), 0 0 0 1px #1e2529; }
+
+terminal-window decoration:backdrop { background-color: #1a2022; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(111, 130, 138, 0.125), 0 0 0 1px #1a2022; }
+
+terminal-window .terminal-screen { background-color: #1e2529; color: #bde6fb; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1a2022; color: #6f828a; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #171d20; }
+
+.tweak-group-startup:backdrop { background-color: #14191a; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #2a3439; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #283033; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #171d20; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #14191a; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1e2529; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #323e44; color: #bde6fb; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1a2022; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #252c2f; color: #6f828a; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1e2529; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1e2529; color: #bde6fb; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #171d20; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #2a3439; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bde6fb; background-color: #323e44; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bde6fb; }
+
+wnck-pager { background-color: #232c30; }
+
+wnck-pager:hover { background-color: #2c363b; }
+
+wnck-pager:selected { background-color: #38454c; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bde6fb; color: #171d20; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #171d20; border: none; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bde6fb); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #add3e6;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #6a818d;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #171d20;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..87b087d29
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bde6fb; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bde6fb; background-color: #171d20; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1a2125; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #afd5e8; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2e393e; }
+
+gridview > child.activatable:active { background-color: #354249; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bde6fb; background-color: #171d20; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(189, 230, 251, 0.3); }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1e2529; padding: 6px; border-top: 1px solid #2a3439; }
+
+window.assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2e393e; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9cbecf; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bde6fb; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bde6fb; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5d6d74; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5d6d74; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #75909c; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bde6fb 0%, rgba(189, 230, 251, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bde6fb 95%, rgba(189, 230, 251, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bde6fb; background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6f828a; background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #171d20; background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #171d20; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bde6fb 96%, rgba(189, 230, 251, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat:disabled { color: #6d8692; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #edf8fe; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #747779; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2e3436; }
+
+button.link:active, link:active { color: #edf8fe; }
+
+*:selected button.link:active, *:selected link:active { color: #42494c; }
+
+button.link:disabled, link:disabled { color: rgba(245, 245, 245, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #42494c; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #75909c; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+spinbutton.vertical > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bde6fb; background-color: #2e393e; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #2a3439; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bde6fb; background-color: #1e2529; box-shadow: inset -1px 0 #2a3439; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6f828a; background-color: #1a2022; background-image: none; box-shadow: inset -1px 0 #283033; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #2a3439; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #2a3439; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #38454c; border-top-color: #38454c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6d8692; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7a95a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #8aa8b7; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #38454c; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #293135; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #293135; border-top-color: #293135; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bde6fb; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #495962; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #171d20; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #6a818d; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #93b3c4; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bde6fb; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bde6fb; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #445156; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bde6fb; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1e2529; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #171d20; background-clip: padding-box; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #2a3439; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #171d20; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2e393e); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #354249; border-color: #354249; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #171d20; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bde6fb; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bde6fb; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bde6fb; background-color: #2e393e; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bde6fb; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bde6fb; background-color: #354249; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3d4c53 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bde6fb; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2e393e; }
+
+menubar > item:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6f828a; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9dbfd1; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bde6fb; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #55646b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bde6fb,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#2a3439,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #2a3439; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: #bde6fb; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(23, 29, 32, 0.6); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 8px rgba(24, 29, 31, 0.45); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { outline-color: #171d20; box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #2a3439; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #171d20; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bde6fb); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bde6fb; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bde6fb; outline: none; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(23, 29, 32, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bde6fb; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1e2529; }
+
+frame:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+scrolledwindow > junction { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to right, transparent 1px, #2a3439 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to left, transparent 1px, #2a3439 1px); }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bde6fb; background-color: #171d20; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bde6fb; }
+
+row.activatable:backdrop { color: #6f828a; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+row.activatable:selected { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #38454c; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7f96a1; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(189, 230, 251, 0.3); color: #bde6fb; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #2a3439; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #283033; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(24, 29, 31, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6d8692; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bde6fb; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #2a3439; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bde6fb; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bde6fb,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1e2529; }
+
+.sidebar:backdrop { background-color: #1a2022; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #2a3439; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2e393e; border-radius: 8px; color: #bde6fb; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #232c2f; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6d8692; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #283033; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #283033; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #2a3439, inset -1px 0 #2a3439; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #283033, inset -1px 0 #283033; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #2a3439; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #283033; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #2a3439, inset 0 -1px #2a3439; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #283033, inset 0 -1px #283033; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bde6fb; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bde6fb; }
+
+.content-view .tile:disabled { background-color: #1e2529; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bde6fb; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #171d20; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #6a818d; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #8aa8b7; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #415158; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bde6fb; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #75909c; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bde6fb; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #2a3439; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #2a3439; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; background-color: transparent; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bde6fb; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bde6fb; color: #171d20; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2e393e; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #2a3439; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #283033; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bde6fb; }
+
+indicatorbin.needs-attention > indicator > label { color: #171d20; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3d4c53; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #384347; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bde6fb; color: #171d20; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #171d20; }
+
+splitbutton.opaque { background-color: #354249; color: #bde6fb; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bde6fb; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #2a3439; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested { margin: 12px; background-color: #1e2529; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1a2022; }
+
+row.expander list.nested > row { border-bottom: 1px solid #2a3439; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 8px 1px rgba(23, 29, 32, 0.6); }
+
+toast:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 4px 1px rgba(24, 29, 31, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bde6fb; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3d4c53; }
+
+tabbar tabbox > separator:backdrop { background-color: #384347; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bde6fb; }
+
+tabbar tab { color: #9cbecf; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6f828a; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+tabbar tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6f828a; background-color: rgba(111, 130, 138, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #171d20; color: #bde6fb; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #14191a; color: #6f828a; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #323e44; background-image: none; color: #bde6fb; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); outline: 1px solid rgba(189, 230, 251, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bde6fb; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bde6fb; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bde6fb,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(189, 230, 251, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(111, 130, 138, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #171d20; color: #bde6fb; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#171d20,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#171d20,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#171d20,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #171d20; color: #bde6fb; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #14191a; color: #6f828a; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bde6fb; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #171d20; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #14191a; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(23, 29, 32, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(24, 29, 31, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(189, 230, 251, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(111, 130, 138, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1e2529; color: #bde6fb; }
+
+window.messagedialog:backdrop { background-color: #1a2022; color: #6f828a; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0d0e;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bde6fb;
+@define-color accent_fg_color #171d20;
+@define-color accent_color #bde6fb;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #171d20;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #171d20;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #171d20;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #171d20;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1e2529;
+@define-color window_fg_color #bde6fb;
+@define-color view_bg_color #171d20;
+@define-color view_fg_color #bde6fb;
+@define-color headerbar_bg_color #1e2529;
+@define-color headerbar_fg_color #bde6fb;
+@define-color headerbar_border_color #2a3439;
+@define-color headerbar_backdrop_color #1a2022;
+@define-color headerbar_shade_color #2a3439;
+@define-color card_bg_color #171d20;
+@define-color card_fg_color #bde6fb;
+@define-color card_shade_color #2a3439;
+@define-color dialog_bg_color #1e2529;
+@define-color dialog_fg_color #bde6fb;
+@define-color popover_bg_color #171d20;
+@define-color popover_fg_color #bde6fb;
+@define-color shade_color #2a3439;
+@define-color scrollbar_outline_color #2a3439;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk.css
new file mode 100644
index 000000000..87b087d29
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/gtk-4.0/gtk.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bde6fb; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bde6fb; background-color: #171d20; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1a2125; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #afd5e8; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2e393e; }
+
+gridview > child.activatable:active { background-color: #354249; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bde6fb; background-color: #171d20; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(189, 230, 251, 0.3); }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1e2529; padding: 6px; border-top: 1px solid #2a3439; }
+
+window.assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2e393e; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9cbecf; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bde6fb; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bde6fb; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5d6d74; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5d6d74; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #75909c; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bde6fb 0%, rgba(189, 230, 251, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bde6fb 95%, rgba(189, 230, 251, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bde6fb; background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6f828a; background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #171d20; background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #171d20; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bde6fb 96%, rgba(189, 230, 251, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat:disabled { color: #6d8692; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #edf8fe; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #747779; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2e3436; }
+
+button.link:active, link:active { color: #edf8fe; }
+
+*:selected button.link:active, *:selected link:active { color: #42494c; }
+
+button.link:disabled, link:disabled { color: rgba(245, 245, 245, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #42494c; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #75909c; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+spinbutton.vertical > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bde6fb; background-color: #2e393e; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #2a3439; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bde6fb; background-color: #1e2529; box-shadow: inset -1px 0 #2a3439; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6f828a; background-color: #1a2022; background-image: none; box-shadow: inset -1px 0 #283033; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #2a3439; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #2a3439; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #38454c; border-top-color: #38454c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6d8692; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7a95a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #8aa8b7; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #38454c; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #293135; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #293135; border-top-color: #293135; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bde6fb; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #495962; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #171d20; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #6a818d; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #93b3c4; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bde6fb; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bde6fb; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #445156; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bde6fb; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1e2529; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #171d20; background-clip: padding-box; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #2a3439; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #171d20; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2e393e); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #354249; border-color: #354249; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #171d20; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bde6fb; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bde6fb; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bde6fb; background-color: #2e393e; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bde6fb; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bde6fb; background-color: #354249; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3d4c53 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bde6fb; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2e393e; }
+
+menubar > item:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6f828a; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9dbfd1; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bde6fb; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #55646b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bde6fb,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#2a3439,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #2a3439; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: #bde6fb; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(23, 29, 32, 0.6); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 8px rgba(24, 29, 31, 0.45); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { outline-color: #171d20; box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #2a3439; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #171d20; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bde6fb); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bde6fb; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bde6fb; outline: none; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(23, 29, 32, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bde6fb; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1e2529; }
+
+frame:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+scrolledwindow > junction { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to right, transparent 1px, #2a3439 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to left, transparent 1px, #2a3439 1px); }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bde6fb; background-color: #171d20; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bde6fb; }
+
+row.activatable:backdrop { color: #6f828a; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+row.activatable:selected { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #38454c; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7f96a1; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(189, 230, 251, 0.3); color: #bde6fb; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #2a3439; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #283033; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(24, 29, 31, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6d8692; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bde6fb; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #2a3439; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bde6fb; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bde6fb,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1e2529; }
+
+.sidebar:backdrop { background-color: #1a2022; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #2a3439; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2e393e; border-radius: 8px; color: #bde6fb; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #232c2f; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6d8692; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #283033; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #283033; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #2a3439, inset -1px 0 #2a3439; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #283033, inset -1px 0 #283033; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #2a3439; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #283033; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #2a3439, inset 0 -1px #2a3439; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #283033, inset 0 -1px #283033; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bde6fb; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bde6fb; }
+
+.content-view .tile:disabled { background-color: #1e2529; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bde6fb; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #171d20; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #6a818d; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #8aa8b7; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #415158; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bde6fb; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #75909c; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bde6fb; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #2a3439; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #2a3439; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; background-color: transparent; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bde6fb; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bde6fb; color: #171d20; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2e393e; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #2a3439; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #283033; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bde6fb; }
+
+indicatorbin.needs-attention > indicator > label { color: #171d20; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3d4c53; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #384347; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bde6fb; color: #171d20; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #171d20; }
+
+splitbutton.opaque { background-color: #354249; color: #bde6fb; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bde6fb; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #2a3439; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested { margin: 12px; background-color: #1e2529; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1a2022; }
+
+row.expander list.nested > row { border-bottom: 1px solid #2a3439; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 8px 1px rgba(23, 29, 32, 0.6); }
+
+toast:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 4px 1px rgba(24, 29, 31, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bde6fb; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3d4c53; }
+
+tabbar tabbox > separator:backdrop { background-color: #384347; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bde6fb; }
+
+tabbar tab { color: #9cbecf; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6f828a; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+tabbar tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6f828a; background-color: rgba(111, 130, 138, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #171d20; color: #bde6fb; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #14191a; color: #6f828a; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #323e44; background-image: none; color: #bde6fb; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); outline: 1px solid rgba(189, 230, 251, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bde6fb; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bde6fb; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bde6fb,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(189, 230, 251, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(111, 130, 138, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #171d20; color: #bde6fb; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#171d20,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#171d20,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#171d20,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #171d20; color: #bde6fb; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #14191a; color: #6f828a; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bde6fb; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #171d20; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #14191a; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(23, 29, 32, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(24, 29, 31, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(189, 230, 251, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(111, 130, 138, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1e2529; color: #bde6fb; }
+
+window.messagedialog:backdrop { background-color: #1a2022; color: #6f828a; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0d0e;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bde6fb;
+@define-color accent_fg_color #171d20;
+@define-color accent_color #bde6fb;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #171d20;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #171d20;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #171d20;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #171d20;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1e2529;
+@define-color window_fg_color #bde6fb;
+@define-color view_bg_color #171d20;
+@define-color view_fg_color #bde6fb;
+@define-color headerbar_bg_color #1e2529;
+@define-color headerbar_fg_color #bde6fb;
+@define-color headerbar_border_color #2a3439;
+@define-color headerbar_backdrop_color #1a2022;
+@define-color headerbar_shade_color #2a3439;
+@define-color card_bg_color #171d20;
+@define-color card_fg_color #bde6fb;
+@define-color card_shade_color #2a3439;
+@define-color dialog_bg_color #1e2529;
+@define-color dialog_fg_color #bde6fb;
+@define-color popover_bg_color #171d20;
+@define-color popover_fg_color #bde6fb;
+@define-color shade_color #2a3439;
+@define-color scrollbar_outline_color #2a3439;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/index.theme
new file mode 100755
index 000000000..068f82e5e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinBlue-Dark
+Comment=The dark desktop theme with blue highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinBlue-Dark
+MetacityTheme=ZorinBlue-Dark
+IconTheme=ZorinBlue-Dark
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.png
new file mode 100644
index 000000000..4f3686536
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..5b54e36f4
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..88033f7cd
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..9c71c0c83
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..3bc2928f5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..e67cdf370
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.xpm
new file mode 100644
index 000000000..85f401203
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..d24282838
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.png
new file mode 100644
index 000000000..071181fe7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..6537955a9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.png
new file mode 100644
index 000000000..2f21fa6ed
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..bf4c78d96
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..3dab0ee3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1e2529",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..53740ab6f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1a2022",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..1f47980fd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1e2529",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..9bac58c1e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1e2529",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.png
new file mode 100644
index 000000000..ec4ee4e4b
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.png
new file mode 100644
index 000000000..081898038
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..ccacbbb74
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..8a877aa53
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..3653ba6c9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..3776e7b81
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..da9a038ba
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..9bb43968a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..b47e7a8cc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..f3b573458
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..e2c092fd6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..cf9959aa5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..e58cb9901
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..783312190
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..75b3f0d00
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..23779ea93
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..07d354513
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..3dedd16e8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..f1eaa804c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..166026043
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..9ca123d91
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..6c85b382d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..a7c8b6724
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..c9e39e85d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..8413abf9a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..c5bba8c2a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..8799f94dd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..412003486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..af01cfa3f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..319f81523
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1a2022",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..2f8e5e518
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..83c38509d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1e2529",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.png
new file mode 100644
index 000000000..cab13f7cb
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..e583a42b8
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.png
new file mode 100644
index 000000000..f020262ac
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..6bf94cdf2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.png
new file mode 100644
index 000000000..0dcb7321a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..951b3037c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Dark/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..b8d6f1d32
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..483f9c6a1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..22a48762e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..a8f852a2d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..683b89ef2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..e3e93c48f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..e3e93c48f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..3ae51e166
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..5fecb68cd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..6faee0a5d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..daac7af7d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..d61003680
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..d54154029
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..dd00e906b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..42cab7c12
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..3ead88f7c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..1006314da
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..a24f133ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..14575d587
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..0a98565c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..0d5361efd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..d57c067b5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..86c6ec11e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #123354; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #123354; background-color: rgba(255, 255, 255, 0.925); border: 1px solid transparent; border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #123354; background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #123354; background-color: #f5f7fa; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #123354; background-color: #e4e8ee; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #123354; background-color: #cfe1ee; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #c5d9e6; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #b6ccdb; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #123354; background-color: #d9dfe5; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #123354; background-color: #c8d0d9; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #123354; background-color: #e4e8ee; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #123354; background-color: #cfe1ee; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #c5d9e6; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #b6ccdb; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #123354; background-color: #d9dfe5; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #123354; background-color: #c8d0d9; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #123354; background-color: rgba(18, 51, 84, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #123354; background-color: #cfe1ee; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #c5d9e6; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #b6ccdb; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #123354; background-color: rgba(18, 51, 84, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #123354; background-color: rgba(18, 51, 84, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #123354; background-color: rgba(211, 229, 240, 0.937563); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(199, 219, 232, 0.940938); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(182, 204, 220, 0.946); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #123354; background-color: rgba(221, 226, 231, 0.934375); box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #123354; background-color: rgba(202, 209, 217, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #0d87c5; }
+
+.shell-link:hover { color: #15a6f0; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(18, 51, 84, 0.175); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(18, 51, 84, 0.175); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #123354; background-color: white; color: #123354; border: 1px solid #e4e8ee; box-shadow: none; selection-background-color: #c3e5f8; selected-color: #123f64; }
+
+StEntry:focus { background-color: white; border-color: #15a6f0; color: #123354; box-shadow: inset 0 0 0 1px #15a6f0; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #8495a7; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f88052; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(18, 51, 84, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); }
+
+/* Switches */
+.toggle-switch { color: #123354; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #e4e8ee; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #15a6f0; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #9aa9b8; color: white; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #6d8196; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #3f5a75; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #123354; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #123354; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid transparent; box-shadow: 0 6px 12px rgba(18, 51, 84, 0.175); background-color: #f5f7fa; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #dee3e9 !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #d3dae1 !important; }
+
+.popup-menu-item:checked { background-color: white !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #e4e8ee; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #dee3e9 !important; }
+
+.popup-menu-item:checked:active { background-color: #d3dae1 !important; }
+
+.popup-menu-item:active { background-color: #e2e7eb; color: #123354; }
+
+.popup-menu-item:insensitive { color: rgba(18, 51, 84, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #123354; }
+
+.popup-inactive-menu-item:insensitive { color: #8495a7; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: white; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #dee3e9 !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: white !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #dee3e9 !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #d3dae1 !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #e4e8ee; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #fafbfc; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.datemenu-today-button:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.datemenu-today-button:hover { color: #123354; background-color: #e4e8ee; }
+
+.datemenu-today-button:active { color: #123354; background-color: #d9dfe5; }
+
+.datemenu-today-button .day-label { color: #8495a7; }
+
+.datemenu-today-button .date-label { color: #123354; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.calendar:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.calendar:hover { color: #123354; background-color: #e4e8ee; }
+
+.calendar:active { color: #123354; background-color: #d9dfe5; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #123354; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #dee3e9; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #d3dae1; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #dee3e9; }
+
+.calendar .calendar-day-base:focus { background-color: #c8e7f8; color: #123354; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #123354; background-color: #d3dae1; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #d3dae1; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #8495a7; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #123354; }
+
+.calendar .calendar-other-month-day { color: rgba(18, 51, 84, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(18, 51, 84, 0.5); }
+
+.calendar .calendar-today { background-color: #15a6f0; font-weight: 800; color: white !important; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: 0 2px 4px rgba(34, 197, 253, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #23abf1; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; color: inherit; box-shadow: 0 2px 4px rgba(34, 197, 253, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #22c5fd; color: white; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(18, 51, 84, 0.075); color: #8495a7; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #123354; background-color: white; padding: 12px; }
+
+.events-button:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.events-button:hover { color: #123354; background-color: #e4e8ee; }
+
+.events-button:active { color: #123354; background-color: #d9dfe5; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #8495a7; margin-bottom: 4px; }
+
+.events-button .event-time { color: #8495a7; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #123354; background-color: white; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.world-clocks-button:hover { color: #123354; background-color: #e4e8ee; }
+
+.world-clocks-button:active { color: #123354; background-color: #d9dfe5; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #8495a7; }
+
+.world-clocks-button .world-clocks-city { color: #123354; }
+
+.world-clocks-button .world-clocks-time { color: #123354; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #8495a7; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #123354; background-color: white; padding: 12px; }
+
+.weather-button:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.weather-button:hover { color: #123354; background-color: #e4e8ee; }
+
+.weather-button:active { color: #123354; background-color: #d9dfe5; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #8495a7; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #123354; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(132, 149, 167, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: white; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(21, 166, 240, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #123354; background-color: white; background-color: rgba(255, 255, 255, 0.925); }
+
+.message:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.message:hover { color: #123354; background-color: #e4e8ee; }
+
+.message:active { color: #123354; background-color: #d9dfe5; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(18, 51, 84, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #123354; background-color: rgba(18, 51, 84, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(18, 51, 84, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(18, 51, 84, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #123354; }
+
+.url-highlighter { link-color: #0d87c5; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #123354; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(18, 51, 84, 0.075); color: #123354; }
+
+.message-media-control:active { background-color: rgba(18, 51, 84, 0.125); color: #123354; }
+
+.message-media-control:insensitive { color: #8495a7; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #123354; background-color: rgba(18, 51, 84, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #8495a7; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #15a6f0; color: white; }
+
+.candidate-box:hover { background-color: #dee3e9; color: #123354; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(18, 51, 84, 0.175); border-radius: 12px; margin: 8px; border: none; }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #15a6f0; color: white; border: 2px solid #123354; box-shadow: 0 2px 2px rgba(18, 51, 84, 0.175); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #123354; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#123354, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(18, 51, 84, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fa4444; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff5966; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #f91212; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #8495a7; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #4b647e; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #4b647e; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fa4444; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fa4444; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #dee3e9; }
+
+.audio-selection-device:active { background-color: #15a6f0; color: white; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(18, 51, 84, 0.175); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(18, 51, 84, 0.25); -barlevel-active-background-color: #123354; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(18, 51, 84, 0.175); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(18, 51, 84, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(18, 51, 84, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(18, 51, 84, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(18, 51, 84, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(18, 51, 84, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(18, 51, 84, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(18, 51, 84, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(18, 51, 84, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #e4e8ee; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(18, 51, 84, 0.8); color: rgba(18, 51, 84, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #123354; color: #123354; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #15a6f0; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(18, 51, 84, 0.175); }
+
+.ws-switcher-indicator { background-color: rgba(18, 51, 84, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #123354; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(18, 51, 84, 0.175); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(18, 51, 84, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(18, 51, 84, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #dee3e9; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(18, 51, 84, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #123354; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fa4444; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fb5d5d; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #f92121; }
+
+.screenshot-ui-shot-cast-container { background-color: #c8d0d9; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #123354; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(18, 51, 84, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(18, 51, 84, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: white; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.025); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(18, 51, 84, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(215, 220, 226, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(202, 209, 217, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(189, 198, 207, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #15a6f0; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #f5f7fa; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(21, 166, 240, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #15a6f0; background-color: rgba(21, 166, 240, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: white; background-color: #15a6f0; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(255, 255, 255, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #123354; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fa4444; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #f88052; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: white; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(18, 51, 84, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #f88052; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(93, 193, 245, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: white; background-color: #22c5fd; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(21, 166, 240, 0.1); }
+
+.quick-toggle:checked:active { color: white; background-color: #0d87c5; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(18, 51, 84, 0.075); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #123354; background-color: #cfe1ee; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #c5d9e6; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #b6ccdb; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: white; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(18, 51, 84, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #123354; background-color: #e4e8ee; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #f5f7fa; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(255, 255, 255, 0.925); color: #123354; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(18, 51, 84, 0.175); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #d0d6dd; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #a0adbb; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(18, 51, 84, 0.175); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: white; color: #123354; border: 1px solid #e4e8ee; box-shadow: none; border-color: rgba(18, 51, 84, 0.25); }
+
+.search-entry:focus { background-color: white; border-color: #15a6f0; color: #123354; box-shadow: inset 0 0 0 1px #15a6f0; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #8495a7; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(255, 255, 255, 0.75); border-radius: 24px; border: 1px solid transparent; color: #123354; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(18, 51, 84, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(18, 51, 84, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(18, 51, 84, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(18, 51, 84, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(18, 51, 84, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(18, 51, 84, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(18, 51, 84, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(18, 51, 84, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #123354; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(18, 51, 84, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #123354; }
+
+.dash-background { background-color: rgba(255, 255, 255, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(18, 51, 84, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #123354; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(18, 51, 84, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(18, 51, 84, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #123354; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(18, 51, 84, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(18, 51, 84, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(18, 51, 84, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #123354; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; box-shadow: 0 2px 4px 0 rgba(250, 68, 68, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #123354; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(18, 51, 84, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #123354; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(18, 51, 84, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(18, 51, 84, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(18, 51, 84, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(18, 51, 84, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(21, 166, 240, 0.8); background-color: rgba(21, 166, 240, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(217, 223, 229, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #123354; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #123354; background-color: #cad2da; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #123354; background-color: #b8cedc; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #afc6d6; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #a1bbcc; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #123354; background-color: #c0cad3; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #123354; background-color: #b1bdc8; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: white; background-color: #15a6f0; background-gradient-direction: horizontal; background-gradient-start: #029be9; background-gradient-end: #22c5fd; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #123354; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #123354; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #123354; color: #f5f7fa; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(18, 51, 84, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(18, 51, 84, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(18, 51, 84, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #123354; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(18, 51, 84, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #123354; background-color: #cad2da; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #123354; background-color: #c0cad3; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #15a6f0; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(93, 193, 245, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #15a6f0; -pie-background-color: rgba(117, 202, 246, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #15a6f0; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(21, 166, 240, 0.3); border: 1px solid #15a6f0; }
+
+.user-icon { background-size: contain; color: #123354; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(18, 51, 84, 0.875); }
+
+.user-icon StIcon { background-color: rgba(18, 51, 84, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f88052; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #f5f7fa; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(21, 166, 240, 0.5); border: 1px solid #15a6f0; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(255, 255, 255, 0.9625); box-shadow: inset 0 1px 0 0 #e4e8ee; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #123354; background-color: rgba(18, 51, 84, 0.125); }
+
+.keyboard-key:focus { color: #123354; background-color: rgba(20, 109, 162, 0.125); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(20, 109, 162, 0.2); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(20, 109, 162, 0.275); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.keyboard-key:hover { color: #123354; background-color: rgba(18, 51, 84, 0.2); }
+
+.keyboard-key:active { color: #123354; background-color: rgba(18, 51, 84, 0.275); }
+
+.keyboard-key:checked { color: white; background-color: #15a6f0; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(18, 51, 84, 0.25); color: #8495a7; }
+
+.keyboard-key.default-key { color: #123354; background-color: rgba(137, 153, 170, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #123354; background-color: rgba(137, 153, 170, 0.2); }
+
+.keyboard-key.default-key:active { color: #123354; background-color: rgba(137, 153, 170, 0.275); }
+
+.keyboard-key.default-key:checked { color: white; background-color: #15a6f0; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #15a6f0; color: white; border-color: transparent; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.keyboard-key.enter-key { color: #15a6f0; background-color: rgba(21, 166, 240, 0.125); border-radius: 12px; color: #123354; }
+
+.keyboard-key.enter-key:hover { color: #15a6f0; background-color: rgba(21, 166, 240, 0.2); }
+
+.keyboard-key.enter-key:active { color: #15a6f0; background-color: rgba(21, 166, 240, 0.275); }
+
+.keyboard-key.enter-key:checked { color: white; background-color: #15a6f0; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #15a6f0; color: white; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #22c5fd; color: white; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(255, 255, 255, 0.925); -arrow-border-width: 1px; -arrow-border-color: #e4e8ee; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #123354; background-color: rgba(18, 51, 84, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #123354; background-color: rgba(20, 109, 162, 0.125); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(20, 109, 162, 0.2); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(20, 109, 162, 0.275); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #123354; background-color: rgba(18, 51, 84, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #123354; background-color: rgba(18, 51, 84, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: white; background-color: #15a6f0; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #15a6f0; background-color: #15a6f0; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #123354; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #123354; background-color: rgba(20, 109, 162, 0.125); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(20, 109, 162, 0.2); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(20, 109, 162, 0.275); box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.7); }
+
+.word-suggestions StButton:hover { color: #123354; background-color: rgba(18, 51, 84, 0.2); }
+
+.word-suggestions StButton:active { color: #123354; background-color: rgba(18, 51, 84, 0.275); }
+
+.word-suggestions StButton:checked { color: white; background-color: #15a6f0; box-shadow: 0 4px 8px rgba(21, 166, 240, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(255, 255, 255, 0.925); border-radius: 16px; border: 1px solid transparent; color: #123354; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(18, 51, 84, 0.175); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #123354; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #123354; background-color: rgba(18, 51, 84, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #123354; background-color: rgba(18, 51, 84, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #15a6f0; selected-color: white; }
+
+.lg-dialog .shell-link { color: #0d87c5; }
+
+.lg-dialog .shell-link:hover { color: #15a6f0; }
+
+.lg-dialog .shell-link:active { color: #0a6695; }
+
+.lg-dialog .actor-link { color: #8495a7; }
+
+.lg-dialog .actor-link:hover { color: #a2afbc; }
+
+.lg-dialog .actor-link:active { color: #677b91; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(18, 51, 84, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(18, 51, 84, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #123354; background-color: white; }
+
+.lg-extension:focus { background-color: #e8f6fe; box-shadow: inset 0 0 0 2px rgba(21, 166, 240, 0.6); }
+
+.lg-extension:hover { color: #123354; background-color: #e4e8ee; }
+
+.lg-extension:active { color: #123354; background-color: #d9dfe5; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(255, 255, 255, 0.925); border: 1px solid rgba(18, 51, 84, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #123354; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: #205993; }
+
+.lg-debug-flag-button:active { color: #050d15; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #141414; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #141414; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #141414; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(245, 247, 250, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(245, 247, 250, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(245, 247, 250, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/process-working.svg
new file mode 100644
index 000000000..f1dd0a90c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-2.0/gtkrc
new file mode 100644
index 000000000..0a7f2ebaa
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#123354\nbg_color:#f5f7fa\nbase_color:#fff\ntext_color:#123354\nselected_bg_color:#15a6f0\nselected_fg_color:#fff\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#f5f7fa\npanel_fg_color:#123354"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..2581fb8ac
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bde6fb; }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bde6fb; background-color: #1e2529; }
+
+.gtkstyle-fallback:hover { color: #bde6fb; background-color: #334047; }
+
+.gtkstyle-fallback:active { color: #bde6fb; background-color: #080b0c; }
+
+.gtkstyle-fallback:disabled { color: #6d8692; background-color: #1e2529; }
+
+.gtkstyle-fallback:selected { color: #171d20; background-color: #bde6fb; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bde6fb; background-color: #171d20; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1a2125; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bde6fb; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1e2529; border-top: 1px solid #2a3439; }
+
+assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3d4c53; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6f828a; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(189, 230, 251, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #171d20; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #171d20; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2), inset 0 0 0 2px #bde6fb; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #171d20; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9cbecf; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bde6fb; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5d6d74; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #171d20; background-color: #bde6fb; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #edf8fe; }
+
+:backdrop .entry-tag { color: #14191a; background-color: #bde6fb; }
+
+.entry-tag.button { background-color: transparent; color: rgba(23, 29, 32, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bde6fb; color: #171d20; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bde6fb; color: #171d20; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bde6fb), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #14191a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6f828a; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3b494d; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3b494d; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #14191a; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #14191a; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3b494d; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3b494d; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bde6fb; background-color: rgba(189, 230, 251, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6f828a; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6f828a; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bde6fb), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6f828a; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3b494d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3b494d; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #edf8fe; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #747779; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2e3436; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #edf8fe; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #42494c; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(245, 245, 245, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(237, 248, 254, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #42494c; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #171d20; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #14191a; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3b494d; background-color: #1a2022; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:backdrop:disabled { color: #3b494d; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1a2022; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1e2529; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1a2022; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1e2529 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bde6fb 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1e2529; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #283033; background-color: #1a2022; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #171d20; border-color: transparent; background-color: #bde6fb; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #171d20; background-color: #bde6fb; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #171d20; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #b0d7ea; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #a8cddf; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #9cbecf; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #93b4c4 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3b494d; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6f828a; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3b494d; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(189, 230, 251, 0); background-color: rgba(189, 230, 251, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(23, 29, 32, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #14191a; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(189, 230, 251, 0.125); border-top-color: #1e2529; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #4b5960; border-top-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view:disabled { color: #6d8692; }
+
+treeview.view:disabled:selected { color: #7a95a3; }
+
+treeview.view:disabled:selected:backdrop { color: #5f7078; }
+
+treeview.view:disabled:backdrop { color: #3b494d; }
+
+treeview.view.separator { min-height: 2px; color: #1e2529; }
+
+treeview.view.separator:backdrop { color: #1a2022; }
+
+treeview.view:backdrop { border-left-color: #445156; border-top: #1a2022; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bde6fb; }
+
+treeview.view.expander:selected { color: #495962; }
+
+treeview.view.expander:selected:hover { color: #171d20; }
+
+treeview.view.expander:selected:backdrop { color: #343e42; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #546269; }
+
+treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+treeview.view header button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bde6fb; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bde6fb; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1e2529; background-image: none; }
+
+treeview.view header button:backdrop { color: #445156; border-color: #1a2022; border-style: none solid solid none; background-image: none; background-color: #14191a; }
+
+treeview.view header button:backdrop:disabled { border-color: #1a2022; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1a2022; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2e393e; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #171d20; border: 1px solid rgba(42, 52, 57, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #14191a; border-color: rgba(40, 48, 51, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bde6fb; background-color: #2e393e; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6d8692; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3b494d; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6f828a; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #171d20; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #283136; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #283136; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #303b41; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #14191a; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #171d20; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #14191a; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(40, 48, 51, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(189, 230, 251, 0.1); }
+
+notebook > header tab:backdrop { color: #6f828a; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #283033; border-color: #283033; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; }
+
+scrollbar slider:hover { background-color: #9dbfd1; }
+
+scrollbar slider:hover:active { background-color: #bde6fb; }
+
+scrollbar slider:backdrop { background-color: #55646b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bde6fb; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bde6fb; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7d99a7; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9dbfd1; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(125, 153, 167, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #55646b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(85, 100, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 4px rgba(20, 25, 26, 0.075); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #2a3439; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #171d20; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bde6fb); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #2a3439; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bde6fb; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #404f57; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2f383c; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1e2529; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(189, 230, 251, 0.5)), to(rgba(189, 230, 251, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(189, 230, 251, 0.1)), to(rgba(189, 230, 251, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#283033), to(rgba(40, 48, 51, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2a3439 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #283033 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bde6fb; background-color: #171d20; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #171d20; }
+
+list.content row:backdrop { background-color: #14191a; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1e2529; }
+
+row list.nested > row.activatable:backdrop { background-color: #1a2022; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #14191a; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6d8692; }
+
+expander title > arrow:disabled:backdrop { color: #3b494d; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bde6fb; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(189, 230, 251, 0.45); }
+
+calendar.button:hover { color: #bde6fb; }
+
+calendar.button:backdrop { color: rgba(111, 130, 138, 0.45); }
+
+calendar.button:disabled { color: rgba(109, 134, 146, 0.45); }
+
+calendar.highlight { color: #6d8692; }
+
+calendar.highlight:backdrop { color: #3b494d; }
+
+calendar:backdrop { color: #6f828a; border-color: #283033; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #283033; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1a2022; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #2a3439; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #afd5e8; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #171d20; }
+
+placessidebar row:disabled { color: #6d8692; }
+
+placessidebar row:backdrop { color: #6f828a; }
+
+placessidebar row:backdrop:selected { color: #14191a; }
+
+placessidebar row:backdrop:disabled { color: #3b494d; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1e2529; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1a2022; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6f828a; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3b494d; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #080b0c; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #edf8fe; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6f828a; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #14191b; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #2a3439; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bde6fb; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #171d20; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #6a818d; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #8aa8b7; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #415158; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bde6fb; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #75909c; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bde6fb; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #bde6fb; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+.keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bde6fb; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2e393e; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #171d20; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #2a3439; }
+
+window.background.chromium > textview.view { background-color: #1e2529; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #2a3439; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #171d20; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #171d20; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #2a3439; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #20272a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #2a3439 6px, rgba(42, 52, 57, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #20272a 6px, rgba(32, 39, 42, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6f828a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #14191a; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3b494d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #758f9d; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #49565b; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(23, 29, 32, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(20, 25, 26, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(189, 230, 251, 0.4); color: rgba(189, 230, 251, 0.4); }
+
+.disk-space-display.used { background-color: #bde6fb; color: #bde6fb; }
+
+.disk-space-display.free { background-color: rgba(189, 230, 251, 0.1); color: rgba(189, 230, 251, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(189, 230, 251, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #171d20; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1e2529; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7f96a1; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #14191a; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #171d20; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #14191a; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1e2529; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1a2022; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bde6fb; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bde6fb; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #171d20; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #14191a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9cbecf; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(189, 230, 251, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-image: none; background-color: #323e44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #252c2f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6f828a; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #171d20; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #14191a; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1e2529; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(189, 230, 251, 0.1), 0 0 0 1px #1e2529; }
+
+terminal-window decoration:backdrop { background-color: #1a2022; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(111, 130, 138, 0.125), 0 0 0 1px #1a2022; }
+
+terminal-window .terminal-screen { background-color: #1e2529; color: #bde6fb; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1a2022; color: #6f828a; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #171d20; }
+
+.tweak-group-startup:backdrop { background-color: #14191a; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #2a3439; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #283033; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #171d20; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #14191a; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1e2529; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #323e44; color: #bde6fb; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1a2022; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #252c2f; color: #6f828a; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1e2529; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1e2529; color: #bde6fb; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #171d20; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #2a3439; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bde6fb; background-color: #323e44; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bde6fb; }
+
+wnck-pager { background-color: #232c30; }
+
+wnck-pager:hover { background-color: #2c363b; }
+
+wnck-pager:selected { background-color: #38454c; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bde6fb; color: #171d20; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #171d20; border: none; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bde6fb); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #add3e6;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #6a818d;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #171d20;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk.css
new file mode 100644
index 000000000..af31f2c5f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-3.0/gtk.css
@@ -0,0 +1,2456 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fa4444; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #15a6f0; }
+
+/*************** Base States * */
+.background { color: #123354; background-color: #f5f7fa; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #828282; background-color: #f8f8f8; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #123354; background-color: #f5f7fa; }
+
+.gtkstyle-fallback:hover { color: #123354; background-color: white; }
+
+.gtkstyle-fallback:active { color: #123354; background-color: #d3dce9; }
+
+.gtkstyle-fallback:disabled { color: #8495a7; background-color: #f5f7fa; }
+
+.gtkstyle-fallback:selected { color: white; background-color: #15a6f0; }
+
+.view, iconview, .view text, iconview text, textview text { color: #123354; background-color: white; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #8495a7; background-color: #f5f7fa; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #828282; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #fafbfd; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #0d87c5; background-color: rgba(13, 135, 197, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #8495a7; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.accent { color: #15a6f0; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #f5f7fa; border-top: 1px solid #e4e8ee; }
+
+assistant .sidebar:backdrop { background-color: #f8f8f8; border-color: #ececec; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #c8d0d9; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #123354; border: none; background-color: white; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(228, 232, 238, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #828282; background-color: white; box-shadow: inset 0 0 0 1px rgba(236, 236, 236, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #828282; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(18, 51, 84, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #123354; background-color: white; box-shadow: inset 0 0 0 1px #e4e8ee; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #123354; background-color: white; box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2), inset 0 0 0 2px #15a6f0; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #8495a7; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #828282; background-color: white; box-shadow: inset 0 0 0 1px #ececec; border-color: #f8f8f8; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fa4444; background-color: white; box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2), inset 0 0 0 2px #15a6f0; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: white; background-color: #fa4444; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #f88052; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #f88052; background-color: white; box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2), inset 0 0 0 2px #15a6f0; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: white; background-color: #f88052; }
+
+spinbutton:not(.vertical) image, entry image { color: #415c76; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #123354; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #15a6f0; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #9b9b9b; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #15a6f0; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: white; background-color: #15a6f0; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #45b8f3; }
+
+:backdrop .entry-tag { color: white; background-color: #15a6f0; }
+
+.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #15a6f0; color: white; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #15a6f0; color: white; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#15a6f0), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15a6f0), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #cdd5dd; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #828282; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #828282; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #828282; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: white; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #e3e3e3; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #828282; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #828282; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d1d1d1; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #15a6f0; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#22c5fd); background-color: #22c5fd; box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #0d87c5; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #838383; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: dimgray; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #898989; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(21, 166, 240, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #8495a7; background-color: #2caff2; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #f91212; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #868686; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #8495a7; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #3c5773; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #123354; background-color: rgba(18, 51, 84, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #123354; background-color: rgba(18, 51, 84, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #828282; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(51, 51, 51, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #828282; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15a6f0), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.inline-toolbar toolbutton > button { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #828282; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #828282; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #828282; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #d1d1d1; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #dee3e9; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #0d87c5; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #0a6695; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #9dc2d5; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #15a6f0; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #e8f6fe; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #0d87c5; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #cfe7f3; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(105, 105, 105, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(13, 135, 197, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #cfe7f3; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #e4e8ee; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #ececec; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #123354; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #8495a7; background-color: #f5f7fa; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #8495a7; }
+
+spinbutton.vertical:backdrop:disabled { color: #d1d1d1; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #f5f7fa; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #f8f8f8; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #f5f7fa; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #f8f8f8; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #f5f7fa 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #15a6f0 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #f5f7fa; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #ececec; background-color: #f8f8f8; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: white; border-color: transparent; background-color: #15a6f0; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: white; background-color: #15a6f0; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: white; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #27adf1; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #32b1f2; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #44b8f3; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #50bcf4 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #828282; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #828282; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #898989; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #8495a7; background-color: #2caff2; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #828282; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(21, 166, 240, 0); background-color: rgba(21, 166, 240, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #828282; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #828282; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e4e8ee; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ececec; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #e4e8ee; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ececec; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #f5f7fa cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 166, 240, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f5f7fa cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f5f7fa); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: white; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(18, 51, 84, 0.125); border-top-color: #f5f7fa; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #cdcdcd; border-top-color: rgba(130, 130, 130, 0.1); }
+
+treeview.view:disabled { color: #8495a7; }
+
+treeview.view:disabled:selected { color: #73caf6; }
+
+treeview.view:disabled:selected:backdrop { color: #b8b8b8; }
+
+treeview.view:disabled:backdrop { color: #d1d1d1; }
+
+treeview.view.separator { min-height: 2px; color: #f5f7fa; }
+
+treeview.view.separator:backdrop { color: #f8f8f8; }
+
+treeview.view:backdrop { border-left-color: #bdbdbd; border-top: #f8f8f8; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #139ade; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #597087; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #123354; }
+
+treeview.view.expander:selected { color: #b9e4fb; }
+
+treeview.view.expander:selected:hover { color: white; }
+
+treeview.view.expander:selected:backdrop { color: #e1e1e1; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #a7a7a7; }
+
+treeview.view.progressbar { color: white; background-color: #15a6f0; background: linear-gradient(to right, #029be9, #22c5fd); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: white; background-color: #9a9a9a; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #15a6f0; background-color: white; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #9a9a9a; background-color: white; }
+
+treeview.view.trough { background-color: rgba(18, 51, 84, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(130, 130, 130, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view header button { color: #8999aa; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #4e667f; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #123354; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #15a6f0; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #15a6f0; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #e9edf1; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #f5f7fa; background-image: none; }
+
+treeview.view header button:backdrop { color: #bdbdbd; border-color: #f8f8f8; border-style: none solid solid none; background-image: none; background-color: white; }
+
+treeview.view header button:backdrop:disabled { border-color: #f8f8f8; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #f8f8f8; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #dee3e9; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #8495a7; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: white; border: 1px solid rgba(228, 232, 238, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: white; border-color: rgba(236, 236, 236, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #123354; background-color: #dee3e9; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #8495a7; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d1d1d1; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #828282; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: white; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #e7ebee; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #e7ebee; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #dbe0e5; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: white; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: white; box-shadow: 0 2px 4px 1px rgba(18, 51, 84, 0.225); }
+
+.csd popover.background, popover.background { border: none; border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: white; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.225); border-color: transparent; }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #e4e8ee; }
+
+notebook > header:backdrop { background-color: #ececec; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #3c5773; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #123354; background-color: rgba(18, 51, 84, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(18, 51, 84, 0.1); }
+
+notebook > header tab:backdrop { color: #828282; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #123354; background-color: white; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+notebook > header tab:backdrop:checked { color: #828282; background-color: white; box-shadow: 0 1px 2px rgba(51, 51, 51, 0.075); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e4e8ee; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #ececec; border-color: #ececec; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #6d8196; }
+
+scrollbar slider:hover { background-color: #3f5a75; }
+
+scrollbar slider:hover:active { background-color: #123354; }
+
+scrollbar slider:backdrop { background-color: #a5a5a5; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #123354; border: 1px solid white; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #123354; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6d8196; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #3f5a75; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #123354; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(109, 129, 150, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a5a5a5; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(165, 165, 165, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #c8d0d9; background-image: none; color: transparent; }
+
+switch:checked { background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); }
+
+switch:disabled { background-color: #e4e8ee; background-image: none; }
+
+switch:disabled:checked { background-color: #a5b2c0; background-image: none; }
+
+switch:backdrop { background-color: #d8d8d8; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #9a9a9a; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ececec; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cccccc; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(18, 51, 84, 0.225); }
+
+switch:disabled slider { background-color: #f5f7fa; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f8f8f8; box-shadow: 0 2px 4px rgba(130, 130, 130, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #c8d0d9; color: #123354; }
+
+check:hover, radio:hover { background: image(#f3f5f6); }
+
+check:active, radio:active { background: image(#e7ebee); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fafbfd; color: rgba(18, 51, 84, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fefefe; box-shadow: inset 0 0 0 1px #d1d1d1; color: #123354; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fcfcfc; color: rgba(18, 51, 84, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#15a0e8); }
+
+check:checked:active, radio:checked:active { background: image(#159be0); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #85cff5; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #9a9a9a; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #bdbdbd; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#15a0e8); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#159be0); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #85cff5; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #9a9a9a; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #bdbdbd; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #15a6f0; padding: 0; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #139ade; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #929292; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #e4e8ee; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #e4e8ee; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #ececec; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid white; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #15a6f0; background: linear-gradient(to right, #029be9, #22c5fd); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: linear-gradient(to top, #029be9, #22c5fd); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #c8d0d9; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #9a9a9a; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #d8d8d8; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #e4e8ee; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: white; box-shadow: 0 1.5px 2px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.15); }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(21, 166, 240, 0.2), 0 0 0 1px rgba(21, 150, 219, 0.325); }
+
+scale slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(18, 51, 84, 0.225); }
+
+scale slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.15); }
+
+scale slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(51, 51, 51, 0.225); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #22c5fd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #3bccfd; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #15a6f0; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #c8d0d9; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #9a9a9a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #22c5fd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #3bccfd; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #15a6f0; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #c8d0d9; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #9a9a9a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #22c5fd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #3bccfd; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #15a6f0; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #c8d0d9; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #9a9a9a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #22c5fd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #3bccfd; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #15a6f0; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #c8d0d9; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #9a9a9a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(18, 51, 84, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #15a6f0; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(34, 197, 253, 0)), linear-gradient(to right, rgba(34, 197, 253, 0), #22c5fd 60%, rgba(34, 197, 253, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #c8d0d9; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #d8d8d8; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid gray; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: gray; border: 1px solid #595959; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #f5f7fa; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #f8f8f8; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e4e8ee; }
+
+actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(21, 166, 240, 0.5)), to(rgba(21, 166, 240, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(21, 166, 240, 0.1)), to(rgba(21, 166, 240, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(21, 166, 240, 0.5)), to(rgba(21, 166, 240, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(21, 166, 240, 0.1)), to(rgba(21, 166, 240, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(21, 166, 240, 0.5)), to(rgba(21, 166, 240, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(21, 166, 240, 0.1)), to(rgba(21, 166, 240, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(21, 166, 240, 0.5)), to(rgba(21, 166, 240, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(21, 166, 240, 0.1)), to(rgba(21, 166, 240, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(18, 51, 84, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(51, 51, 51, 0.225); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #e4e8ee 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #ececec 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #e4e8ee; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #123354; background-color: white; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: white; color: #828282; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: white; }
+
+list.content row:backdrop { background-color: white; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #f5f7fa; }
+
+row list.nested > row.activatable:backdrop { background-color: #f8f8f8; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; background-color: rgba(18, 51, 84, 0.075); }
+
+row.activatable:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #828282; }
+
+row.activatable:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: white; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(18, 51, 84, 0.225); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.225); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: #2d80d2; }
+
+expander title > arrow:disabled { color: #8495a7; }
+
+expander title > arrow:disabled:backdrop { color: #d1d1d1; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #123354; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(18, 51, 84, 0.45); }
+
+calendar.button:hover { color: #123354; }
+
+calendar.button:backdrop { color: rgba(130, 130, 130, 0.45); }
+
+calendar.button:disabled { color: rgba(132, 149, 167, 0.45); }
+
+calendar.highlight { color: #8495a7; }
+
+calendar.highlight:backdrop { color: #d1d1d1; }
+
+calendar:backdrop { color: #828282; border-color: #ececec; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f5f7fa; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e4e8ee; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #ececec; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #f8f8f8; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #e4e8ee; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e4e8ee; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #e4e8ee; }
+
+separator.sidebar:backdrop { background-color: #ececec; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #139ade; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: white; }
+
+placessidebar row:disabled { color: #8495a7; }
+
+placessidebar row:backdrop { color: #828282; }
+
+placessidebar row:backdrop:selected { color: white; }
+
+placessidebar row:backdrop:disabled { color: #d1d1d1; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #15a6f0; }
+
+placessidebar row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(18, 51, 84, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(51, 51, 51, 0.225); }
+
+placesview list { background-color: #f5f7fa; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #f8f8f8; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e4e8ee); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#15a6f0); }
+
+paned > separator:backdrop { background-image: image(#ececec); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f5f7fa; background-image: image(#e4e8ee), image(#e4e8ee); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f8f8f8; background-image: image(#ececec), image(#ececec); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f5f7fa; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f5f7fa; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #828282; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #d1d1d1; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #d3dce9; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #0d87c5; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark overlay { border-color: #2ac88d; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #828282; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #edf0f6; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #f1f1f1; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(18, 51, 84, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.05); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(18, 51, 84, 0.05), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(130, 130, 130, 0.05), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(18, 51, 84, 0.05); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px transparent; }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.05); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #e4e8ee; border: solid 1px #e4e8ee; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #15a6f0; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: white; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8ad3f8; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: white; background-color: #9a9a9a; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5bc1f5; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #c3e5f8; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #123f64; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #7997ae; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #e2e2e2; color: #848484; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #cccccc; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #15a6f0; }
+
+cursor-handle:hover { color: #5dc1f5; }
+
+cursor-handle:active { color: #15a6f0; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #123354; background-color: white; border: 1px solid; border-color: #edf0f4; border-radius: 5px; box-shadow: inset 0 -3px #f7f9fb; font-size: smaller; }
+
+.keycap:backdrop { background-color: white; color: #828282; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e4e8ee; }
+
+button.emoji-section:checked { color: #123354; border-color: #15a6f0; }
+
+button.emoji-section:checked:backdrop { color: #828282; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #15a6f0; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #dee3e9; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: white; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #e4e8ee; }
+
+window.background.chromium > textview.view { background-color: #f5f7fa; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #cdd5dd; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(18, 51, 84, 0.225); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(51, 51, 51, 0.225); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: white; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(18, 51, 84, 0.225); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(51, 51, 51, 0.225); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: white; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #e4e8ee; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #efefef; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #e4e8ee 6px, rgba(228, 232, 238, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #e4e8ee 6px, rgba(228, 232, 238, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #efefef 6px, rgba(239, 239, 239, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #efefef 6px, rgba(239, 239, 239, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #828282; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #828282; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: white; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #788b9f; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #b7b7b7; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(255, 255, 255, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(255, 255, 255, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(18, 51, 84, 0.4); color: rgba(18, 51, 84, 0.4); }
+
+.disk-space-display.used { background-color: #15a6f0; color: #15a6f0; }
+
+.disk-space-display.free { background-color: rgba(18, 51, 84, 0.1); color: rgba(18, 51, 84, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(18, 51, 84, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: white; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #f5f7fa; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #9a9a9a; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: white; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: white; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: white; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: none; box-shadow: 0 1px 4px 1px rgba(18, 51, 84, 0.225); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.225); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #f5f7fa; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #f8f8f8; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #15a6f0; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #15a6f0; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #e4e8ee; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #ececec; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #3c5773; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #123354; background-color: rgba(18, 51, 84, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(18, 51, 84, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #828282; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(51, 51, 51, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #828282; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #123354; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #828282; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #f5f7fa; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(18, 51, 84, 0.225), 0 0 0 2px rgba(18, 51, 84, 0.05), 0 0 0 1px #f5f7fa; }
+
+terminal-window decoration:backdrop { background-color: #f8f8f8; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(51, 51, 51, 0.225), 0 0 0 2px rgba(130, 130, 130, 0.05), 0 0 0 1px #f8f8f8; }
+
+terminal-window .terminal-screen { background-color: #f5f7fa; color: #123354; }
+
+terminal-window .terminal-screen:backdrop { background-color: #f8f8f8; color: #828282; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: white; }
+
+.tweak-group-startup:backdrop { background-color: white; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #e4e8ee; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #ececec; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: white; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: white; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #f5f7fa; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #d9dfe5; color: #123354; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #f8f8f8; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #e9e9e9; color: #828282; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #f5f7fa; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #f5f7fa; color: #123354; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: white; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #e4e8ee; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #123354; background-color: #d9dfe5; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #123354; }
+
+wnck-pager { background-color: #edf0f2; }
+
+wnck-pager:hover { background-color: #e1e6ea; }
+
+wnck-pager:selected { background-color: #d0d6dd; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #15a6f0; color: white; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: white; border: none; box-shadow: inset 0 0 0 1px rgba(228, 232, 238, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: linear-gradient(to right, #029be9, #22c5fd); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #123354;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #123354;
+/*
+widget base background color */
+@define-color theme_bg_color #f5f7fa;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #15a6f0;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f5f7fa;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #8495a7;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #828282;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #123354;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f8f8f8;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #15a6f0;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e4e8ee;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ececec;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #8999aa;
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#123354, 1.8);
+@define-color wm_unfocused_title #828282;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f5f7fa, 1.2);
+@define-color wm_bg_b #f5f7fa;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f5f7fa, 1.3);
+@define-color wm_button_hover_color_b #f5f7fa;
+@define-color wm_button_active_color_a shade(#f5f7fa, 0.85);
+@define-color wm_button_active_color_b shade(#f5f7fa, 0.89);
+@define-color wm_button_active_color_c shade(#f5f7fa, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..87b087d29
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bde6fb; background-color: #1e2529; }
+
+.background:backdrop { color: #6f828a; background-color: #1a2022; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bde6fb; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bde6fb; background-color: #171d20; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6d8692; background-color: #1e2529; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6f828a; background-color: #14191a; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1a2125; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #afd5e8; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #8dd4f8; background-color: rgba(141, 212, 248, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2e393e; }
+
+gridview > child.activatable:active { background-color: #354249; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bde6fb; background-color: #171d20; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(189, 230, 251, 0.3); }
+
+label:disabled { color: #6d8692; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3b494d; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1e2529; padding: 6px; border-top: 1px solid #2a3439; }
+
+window.assistant .sidebar:backdrop { background-color: #1a2022; border-color: #283033; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2e393e; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bde6fb; border: none; background-color: #171d20; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(42, 52, 57, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px rgba(40, 48, 51, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bde6fb; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6f828a; background-color: #14191a; box-shadow: inset 0 0 0 1px #283033; border-color: #1a2022; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3b494d; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #171d20; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9cbecf; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bde6fb; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bde6fb; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5d6d74; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5d6d74; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bde6fb; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #171d20; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #171d20; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bde6fb; background-color: #171d20; box-shadow: inset 0 0 0 1px #2a3439; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #75909c; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bde6fb 0%, rgba(189, 230, 251, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bde6fb 95%, rgba(189, 230, 251, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bde6fb; background-color: #39474e; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6f828a; background-color: #293134; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #171d20; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #14191a; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bde6fb; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #171d20; background: image(#d2f3ff); background-color: #d2f3ff; box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #8dd4f8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(189, 230, 251, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #b9e1f5; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #bee5fa; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #8fd3f6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #b5dcef; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #171d20; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #171d20; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6d8692; background-color: #f67a7a; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #14191a; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #14191a; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3b494d; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bde6fb 96%, rgba(189, 230, 251, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2e393e; }
+
+modelbutton.flat:disabled { color: #6d8692; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #171d20; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #edf8fe; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #747779; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2e3436; }
+
+button.link:active, link:active { color: #edf8fe; }
+
+*:selected button.link:active, *:selected link:active { color: #42494c; }
+
+button.link:disabled, link:disabled { color: rgba(245, 245, 245, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #42494c; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bde6fb; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6d8692; background-color: #1e2529; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3b494d; background-color: #1a2022; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6d8692; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #415158; color: #bde6fb; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #75909c; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #313b3f; color: #70848d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #425156; }
+
+spinbutton.vertical > text > block-cursor { color: #171d20; background-color: #bde6fb; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bde6fb; background-color: #2e393e; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #2a3439; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1e2529; }
+
+searchbar > revealer > box:backdrop { background-color: #1a2022; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1e2529; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1e2529; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bde6fb; background-color: #1e2529; box-shadow: inset -1px 0 #2a3439; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6f828a; background-color: #1a2022; background-image: none; box-shadow: inset -1px 0 #283033; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #283033; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #2a3439; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #283033; }
+
+window.devel headerbar.titlebar { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(189, 230, 251, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1e2529 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1e2529); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #2a3439; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #2a3439; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #38454c; border-top-color: #38454c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6d8692; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7a95a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #8aa8b7; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #38454c; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #293135; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #293135; border-top-color: #293135; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #afd5e8; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8baab9; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bde6fb; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #495962; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #171d20; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #14191a; background-color: #7f96a1; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bde6fb; background-color: #171d20; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7f96a1; background-color: #14191a; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(189, 230, 251, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(111, 130, 138, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(23, 29, 32, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #6a818d; background-color: #171d20; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #6a818d; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #93b3c4; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #93b3c4; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bde6fb; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bde6fb; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #445156; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #171d20; background-image: none; background-color: #bde6fb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #171d20; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bde6fb; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #38454c; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1e2529; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #171d20; background-clip: padding-box; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #2a3439; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #171d20; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2e393e); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #354249; border-color: #354249; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #171d20; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bde6fb; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bde6fb; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bde6fb; background-color: #2e393e; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bde6fb; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bde6fb; background-color: #354249; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3d4c53 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bde6fb; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2e393e; }
+
+menubar > item:disabled { color: #6d8692; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #171d20; }
+
+notebook > header:backdrop { background-color: #14191a; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9cbecf; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6f828a; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #252c2f; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #2a3439; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7d99a7; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9dbfd1; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bde6fb; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #55646b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bde6fb,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#2a3439,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #2a3439; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3d4c53; background-image: none; color: #bde6fb; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); }
+
+switch:disabled { background-color: #2a3439; background-image: none; }
+
+switch:disabled:checked { background-color: #566973; background-image: none; }
+
+switch:backdrop { background-color: #384347; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7f96a1; background-image: none; }
+
+switch:backdrop:disabled { background-color: #283033; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3d484d; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #171d20; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(23, 29, 32, 0.6); }
+
+switch:disabled slider { background-color: #1e2529; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1a2022; box-shadow: 0 2px 8px rgba(24, 29, 31, 0.45); }
+
+switch:checked slider { background-color: #171d20; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #14191a; }
+
+row:selected switch { outline-color: #171d20; box-shadow: none; box-shadow: inset 0 0 0 1px #171d20; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#171d20); box-shadow: inset 0 0 0 1px #3d4c53; color: #bde6fb; }
+
+check:hover, radio:hover { background: image(#1f272b); }
+
+check:active, radio:active { background: image(#283136); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1a2125; color: rgba(189, 230, 251, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #191e20; box-shadow: inset 0 0 0 1px #3f4b51; color: #bde6fb; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1b2124; color: rgba(189, 230, 251, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:checked:hover, radio:checked:hover { background: image(#bde6fb); }
+
+check:checked:active, radio:checked:active { background: image(#bde6fb); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bde6fb); box-shadow: none; color: #171d20; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bde6fb); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bde6fb); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6d8692; color: rgba(23, 29, 32, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8fa9b7; box-shadow: none; color: #171d20; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #71858e; color: rgba(23, 29, 32, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #171d20; border: 1px solid #afd5e8; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #92b0bf; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #2a3439; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #2a3439; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #283033; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #283033; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #171d20; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bde6fb; background: image(#bde6fb); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bde6fb); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3d4c53; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7f96a1; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #384347; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #171d20; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bde6fb; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bde6fb; outline: none; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d5effc; box-shadow: 0 2px 3px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bde6fb; box-shadow: 0 1.5px 2px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #404f57; box-shadow: 0 1.5px 2px 1px rgba(23, 29, 32, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7f96a1; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2f383c; box-shadow: 0 1.5px 2px 1px rgba(24, 29, 31, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(189, 230, 251, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(23, 29, 32, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(24, 29, 31, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(189, 230, 251, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bde6fb; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(157, 191, 209, 0)), linear-gradient(to right, rgba(157, 191, 209, 0), #9dbfd1 60%, rgba(157, 191, 209, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bde6fb; background: image(#bde6fb); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7f96a1; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3d4c53; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #384347; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bde6fb; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1e2529; }
+
+frame:backdrop, .frame:backdrop { border-color: #1a2022; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #2a3439; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #283033; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at top, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at bottom, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #283033 85%, rgba(40, 48, 51, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at left, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.5) 85%, rgba(189, 230, 251, 0)), radial-gradient(farthest-side at right, rgba(189, 230, 251, 0.1), rgba(189, 230, 251, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #283033 85%, rgba(40, 48, 51, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+scrolledwindow > junction { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to right, transparent 1px, #2a3439 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #2a3439, linear-gradient(to bottom, transparent 1px, #2a3439 1px), linear-gradient(to left, transparent 1px, #2a3439 1px); }
+
+separator { background: #2a3439; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bde6fb; background-color: #171d20; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #14191a; color: #6f828a; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #2a3439; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bde6fb; }
+
+row.activatable:backdrop { color: #6f828a; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6f828a; }
+
+row.activatable:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+row.activatable:selected { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+row.activatable:selected label { color: #171d20; }
+
+row.activatable:selected:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #38454c; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bde6fb; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7f96a1; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(189, 230, 251, 0.3); color: #bde6fb; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #2a3439; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #283033; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 4px 1px rgba(23, 29, 32, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 2px 1px rgba(24, 29, 31, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6d8692; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bde6fb; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #2a3439; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bde6fb; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bde6fb,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1e2529; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #2a3439; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1e2529; }
+
+.sidebar:backdrop { background-color: #1a2022; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #2a3439; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #2a3439; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #283033; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2e393e; border-radius: 8px; color: #bde6fb; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #232c2f; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #2a3439; }
+
+separator.sidebar:backdrop { background-color: #283033; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6d8692; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bde6fb; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #171d20; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(23, 29, 32, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(24, 29, 31, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#2a3439); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bde6fb); }
+
+paned > separator:backdrop { background-image: image(#283033); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1e2529; background-image: image(#2a3439), image(#2a3439); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1a2022; background-image: image(#283033), image(#283033); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #283033; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #2a3439; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #283033; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #2a3439, inset -1px 0 #2a3439; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #283033, inset -1px 0 #283033; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #2a3439; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #283033; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #2a3439, inset 0 -1px #2a3439; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #283033, inset 0 -1px #283033; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bde6fb; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #171d20; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #181f22; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bde6fb; }
+
+.content-view .tile:disabled { background-color: #1e2529; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(189, 230, 251, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(23, 29, 32, 0.6), 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(24, 29, 31, 0.6), 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #2a3439; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(189, 230, 251, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(111, 130, 138, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bde6fb; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #171d20; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #6a818d; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #14191a; background-color: #7f96a1; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #8aa8b7; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #415158; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bde6fb; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #75909c; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #313b3f; color: #70848d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #425156; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bde6fb; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bde6fb; background-color: #171d20; border: 1px solid; border-color: #2a3439; border-radius: 5px; box-shadow: inset 0 -3px #222b2f; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #14191a; color: #6f828a; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #2a3439; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #2a3439; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #2a3439; background-color: transparent; }
+
+button.emoji-section:checked { color: #bde6fb; border-color: #bde6fb; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6f828a; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bde6fb; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bde6fb; color: #171d20; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2e393e; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bde6fb; background-color: #2a3439; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #2a3439; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #283033; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bde6fb; }
+
+indicatorbin.needs-attention > indicator > label { color: #171d20; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3d4c53; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #384347; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bde6fb; color: #171d20; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #171d20; }
+
+splitbutton.opaque { background-color: #354249; color: #bde6fb; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bde6fb; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #2a3439; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested { margin: 12px; background-color: #1e2529; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1a2022; }
+
+row.expander list.nested > row { border-bottom: 1px solid #2a3439; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #283033; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(42, 52, 57, 0.75); box-shadow: 0 1px 8px 1px rgba(23, 29, 32, 0.6); }
+
+toast:backdrop { border-color: rgba(40, 48, 51, 0.75); box-shadow: 0 1px 4px 1px rgba(24, 29, 31, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bde6fb; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3d4c53; }
+
+tabbar tabbox > separator:backdrop { background-color: #384347; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bde6fb; }
+
+tabbar tab { color: #9cbecf; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6f828a; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bde6fb; background-color: #323e44; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6f828a; background-color: #252c2f; box-shadow: 0 1px 4px rgba(24, 29, 31, 0.45); }
+
+tabbar tab:hover { color: #bde6fb; background-color: rgba(189, 230, 251, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6f828a; background-color: rgba(111, 130, 138, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #171d20; color: #bde6fb; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #14191a; color: #6f828a; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #323e44; background-image: none; color: #bde6fb; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); outline: 1px solid rgba(189, 230, 251, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bde6fb; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bde6fb; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bde6fb; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bde6fb,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(189, 230, 251, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(111, 130, 138, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #171d20; color: #bde6fb; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#171d20,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#171d20,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#171d20,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #171d20; color: #bde6fb; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #14191a; color: #6f828a; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bde6fb; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bde6fb; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #171d20; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #14191a; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(23, 29, 32, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(24, 29, 31, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(189, 230, 251, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(111, 130, 138, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.35), alpha(rgba(23, 29, 32, 0.6),0.1) 40px, alpha(rgba(23, 29, 32, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(23, 29, 32, 0.6),0.2), alpha(rgba(23, 29, 32, 0.6),0.1) 7px, alpha(rgba(23, 29, 32, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.35), alpha(rgba(24, 29, 31, 0.6),0.1) 40px, alpha(rgba(24, 29, 31, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(24, 29, 31, 0.6),0.2), alpha(rgba(24, 29, 31, 0.6),0.1) 7px, alpha(rgba(24, 29, 31, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1e2529; color: #bde6fb; }
+
+window.messagedialog:backdrop { background-color: #1a2022; color: #6f828a; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6f828a; background-color: #20272a; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bde6fb;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bde6fb;
+/*
+widget base background color */
+@define-color theme_bg_color #1e2529;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171d20;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #171d20;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1e2529;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6d8692;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #171d20;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6f828a;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bde6fb;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1a2022;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #14191a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bde6fb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #171d20;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3b494d;
+/*
+widgets main borders color */
+@define-color borders #2a3439;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #283033;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bde6fb, 1.8);
+@define-color wm_unfocused_title #6f828a;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(189, 230, 251, 0.07);
+@define-color wm_bg_a shade(#1e2529, 1.2);
+@define-color wm_bg_b #1e2529;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1e2529, 1.3);
+@define-color wm_button_hover_color_b #1e2529;
+@define-color wm_button_active_color_a shade(#1e2529, 0.85);
+@define-color wm_button_active_color_b shade(#1e2529, 0.89);
+@define-color wm_button_active_color_c shade(#1e2529, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #171d20;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0d0e;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bde6fb;
+@define-color accent_fg_color #171d20;
+@define-color accent_color #bde6fb;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #171d20;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #171d20;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #171d20;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #171d20;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1e2529;
+@define-color window_fg_color #bde6fb;
+@define-color view_bg_color #171d20;
+@define-color view_fg_color #bde6fb;
+@define-color headerbar_bg_color #1e2529;
+@define-color headerbar_fg_color #bde6fb;
+@define-color headerbar_border_color #2a3439;
+@define-color headerbar_backdrop_color #1a2022;
+@define-color headerbar_shade_color #2a3439;
+@define-color card_bg_color #171d20;
+@define-color card_fg_color #bde6fb;
+@define-color card_shade_color #2a3439;
+@define-color dialog_bg_color #1e2529;
+@define-color dialog_fg_color #bde6fb;
+@define-color popover_bg_color #171d20;
+@define-color popover_fg_color #bde6fb;
+@define-color shade_color #2a3439;
+@define-color scrollbar_outline_color #2a3439;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk.css
new file mode 100644
index 000000000..6f35541f1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/gtk-4.0/gtk.css
@@ -0,0 +1,2512 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #123354; background-color: #f5f7fa; }
+
+.background:backdrop { color: #828282; background-color: #f8f8f8; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #123354; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #123354; background-color: white; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #8495a7; background-color: #f5f7fa; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #828282; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #2ac88d; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #fafbfd; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #139ade; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #0d87c5; background-color: rgba(13, 135, 197, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child.activatable:hover { background-color: #dee3e9; }
+
+gridview > child.activatable:active { background-color: #d3dae1; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #123354; background-color: white; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(21, 166, 240, 0.3); }
+
+label:disabled { color: #8495a7; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #f5f7fa; padding: 6px; border-top: 1px solid #e4e8ee; }
+
+window.assistant .sidebar:backdrop { background-color: #f8f8f8; border-color: #ececec; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #dee3e9; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #123354; border: none; background-color: white; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(228, 232, 238, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #828282; background-color: white; box-shadow: inset 0 0 0 1px rgba(236, 236, 236, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #123354; background-color: white; box-shadow: inset 0 0 0 1px #e4e8ee; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: white; background-color: #123354; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #123354; background-color: white; box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #8495a7; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #828282; background-color: white; box-shadow: inset 0 0 0 1px #ececec; border-color: #f8f8f8; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fa4444; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fa4444; background-color: white; box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fa4444; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f88052; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #f88052; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #f88052; background-color: white; box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f88052; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #2ac88d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #2ac88d; background-color: white; box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #2ac88d; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #415c76; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #123354; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #15a6f0; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #9b9b9b; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #9b9b9b; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #15a6f0; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #123354; background-color: white; box-shadow: inset 0 0 0 1px #e4e8ee; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #c3e5f8; color: #123f64; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #7997ae; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #e2e2e2; color: #848484; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #cccccc; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #15a6f0 0%, rgba(21, 166, 240, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #15a6f0 95%, rgba(21, 166, 240, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #123354; background-color: #e4e8ee; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #123354; background-color: #cdd5dd; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #828282; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: white; background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #828282; background-color: #e3e3e3; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #828282; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #15a6f0; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: white; background: image(#22c5fd); background-color: #22c5fd; box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: white; background-image: none; background-color: #0d87c5; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(21, 166, 240, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #8495a7; background-color: #2caff2; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: white; background-color: #838383; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: white; background-color: dimgray; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: #898989; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: white; background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: white; background-image: none; background-color: #f91212; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #8495a7; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: white; background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: white; background-color: #868686; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #15a6f0 96%, rgba(21, 166, 240, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #dee3e9; }
+
+modelbutton.flat:disabled { color: #8495a7; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #0d87c5; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #0a6695; }
+
+*:selected button.link:visited, *:selected link:visited { color: #9dc2d5; }
+
+button.link:hover, link:hover { color: #15a6f0; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #e8f6fe; }
+
+button.link:active, link:active { color: #0d87c5; }
+
+*:selected button.link:active, *:selected link:active { color: #cfe7f3; }
+
+button.link:disabled, link:disabled { color: rgba(105, 105, 105, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #cfe7f3; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #123354; background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #123354; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #8495a7; background-color: #f5f7fa; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #8495a7; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #c3e5f8; color: #123f64; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #7997ae; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #e2e2e2; color: #848484; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #cccccc; }
+
+spinbutton.vertical > text > block-cursor { color: white; background-color: #123354; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #123354; background-color: #dee3e9; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #e4e8ee; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #f5f7fa; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #f8f8f8; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #f5f7fa; }
+
+searchbar > revealer > box:backdrop { background-color: #f8f8f8; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f5f7fa; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f5f7fa; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #123354; background-color: #f5f7fa; box-shadow: inset -1px 0 #e4e8ee; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #828282; background-color: #f8f8f8; background-image: none; box-shadow: inset -1px 0 #ececec; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #828282; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e4e8ee; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ececec; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #e4e8ee; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ececec; }
+
+window.devel headerbar.titlebar { background: #f5f7fa cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 166, 240, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #f5f7fa cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f5f7fa); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #e4e8ee; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #e4e8ee; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #e9edf1; border-top-color: #e9edf1; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #8495a7; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #73caf6; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #5bc1f5; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #e9edf1; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #f0f0f0; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #f0f0f0; border-top-color: #f0f0f0; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #139ade; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #597087; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #123354; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #b9e4fb; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: white; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: white; background-color: #15a6f0; background: linear-gradient(to right, #029be9, #22c5fd); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: white; background-color: #9a9a9a; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #15a6f0; background-color: white; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #9a9a9a; background-color: white; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(18, 51, 84, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(130, 130, 130, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #8999aa; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #8999aa; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #4e667f; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #4e667f; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #123354; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #123354; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #bdbdbd; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #15a6f0; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #15a6f0; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #e9edf1; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #f5f7fa; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: white; background-clip: padding-box; border: none; box-shadow: 0 2px 8px 1px rgba(18, 51, 84, 0.225); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #e4e8ee; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: white; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#dee3e9); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #d3dae1; border-color: #d3dae1; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: white; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #123354; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #123354; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #123354; background-color: #dee3e9; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #123354; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #123354; background-color: #d3dae1; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #c8d0d9 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #123354; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #dee3e9; }
+
+menubar > item:disabled { color: #8495a7; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #e4e8ee; }
+
+notebook > header:backdrop { background-color: #ececec; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #3c5773; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #123354; background-color: rgba(18, 51, 84, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #828282; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #123354; background-color: white; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #828282; background-color: white; box-shadow: 0 1px 4px rgba(51, 51, 51, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e4e8ee; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #6d8196; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #3f5a75; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #123354; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #a5a5a5; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#123354,0.4); border: 1px solid alpha(white,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#e4e8ee,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #e4e8ee; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #c8d0d9; background-image: none; color: #123354; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); }
+
+switch:disabled { background-color: #e4e8ee; background-image: none; }
+
+switch:disabled:checked { background-color: #a5b2c0; background-image: none; }
+
+switch:backdrop { background-color: #d8d8d8; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #9a9a9a; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ececec; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cccccc; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(18, 51, 84, 0.225); }
+
+switch:disabled slider { background-color: #f5f7fa; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f8f8f8; box-shadow: 0 2px 8px rgba(51, 51, 51, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { outline-color: white; box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #c8d0d9; color: #123354; }
+
+check:hover, radio:hover { background: image(#f3f5f6); }
+
+check:active, radio:active { background: image(#e7ebee); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fafbfd; color: rgba(18, 51, 84, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fefefe; box-shadow: inset 0 0 0 1px #d1d1d1; color: #123354; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fcfcfc; color: rgba(18, 51, 84, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#15a0e8); }
+
+check:checked:active, radio:checked:active { background: image(#159be0); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #85cff5; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #9a9a9a; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #bdbdbd; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#15a0e8); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#159be0); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #85cff5; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #9a9a9a; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #bdbdbd; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #15a6f0; padding: 0; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #139ade; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #929292; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #e4e8ee; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #e4e8ee; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #ececec; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border: 1px solid white; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #15a6f0; background: linear-gradient(to right, #029be9, #22c5fd); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: linear-gradient(to top, #029be9, #22c5fd); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #c8d0d9; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #9a9a9a; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #d8d8d8; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #15a6f0; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: white; outline: none; box-shadow: 0 1.5px 2px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.15); }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(21, 166, 240, 0.2), 0 0 0 1px rgba(21, 150, 219, 0.325); }
+
+scale > trough > slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(18, 51, 84, 0.225); }
+
+scale > trough > slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.15); }
+
+scale > trough > slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(51, 51, 51, 0.225); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.1); }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(21, 166, 240, 0.2), 0 0 0 1px rgba(21, 150, 219, 0.325); }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(18, 51, 84, 0.225); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(51, 51, 51, 0.225); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(18, 51, 84, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #15a6f0; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(34, 197, 253, 0)), linear-gradient(to right, rgba(34, 197, 253, 0), #22c5fd 60%, rgba(34, 197, 253, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #9a9a9a; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #c8d0d9; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #d8d8d8; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #123354; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid gray; }
+
+window.dialog.print drawing paper:backdrop { color: gray; border: 1px solid #595959; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #f5f7fa; }
+
+frame:backdrop, .frame:backdrop { border-color: #f8f8f8; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e4e8ee; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(21, 166, 240, 0.5) 85%, rgba(21, 166, 240, 0)), radial-gradient(farthest-side at top, rgba(21, 166, 240, 0.1), rgba(21, 166, 240, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(21, 166, 240, 0.5) 85%, rgba(21, 166, 240, 0)), radial-gradient(farthest-side at bottom, rgba(21, 166, 240, 0.1), rgba(21, 166, 240, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(21, 166, 240, 0.5) 85%, rgba(21, 166, 240, 0)), radial-gradient(farthest-side at left, rgba(21, 166, 240, 0.1), rgba(21, 166, 240, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(21, 166, 240, 0.5) 85%, rgba(21, 166, 240, 0)), radial-gradient(farthest-side at right, rgba(21, 166, 240, 0.1), rgba(21, 166, 240, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(18, 51, 84, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(51, 51, 51, 0.225); }
+
+scrolledwindow > junction { background: #e4e8ee, linear-gradient(to bottom, transparent 1px, #e4e8ee 1px), linear-gradient(to right, transparent 1px, #e4e8ee 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #e4e8ee, linear-gradient(to bottom, transparent 1px, #e4e8ee 1px), linear-gradient(to left, transparent 1px, #e4e8ee 1px); }
+
+separator { background: #e4e8ee; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #123354; background-color: white; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: white; color: #828282; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #e4e8ee; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #e4e8ee; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #123354; }
+
+row.activatable:backdrop { color: #828282; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #123354; background-color: #e4e8ee; background-image: none; box-shadow: none; color: #123354; background-color: rgba(18, 51, 84, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #828282; }
+
+row.activatable:active { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+row.activatable:selected { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: white; background-color: #9a9a9a; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #e9edf1; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #15a6f0; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #15a6f0; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #9a9a9a; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(21, 166, 240, 0.3); color: #123354; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #e4e8ee; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #ececec; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(18, 51, 84, 0.225); }
+
+.app-notification:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.225); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #8495a7; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: #2d80d2; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #123354; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #e4e8ee; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #15a6f0; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#15a6f0,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #f5f7fa; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e4e8ee; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #f5f7fa; }
+
+.sidebar:backdrop { background-color: #f8f8f8; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #e4e8ee; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e4e8ee; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #dee3e9; border-radius: 8px; color: #123354; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #cfd6df; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #e4e8ee; }
+
+separator.sidebar:backdrop { background-color: #ececec; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #8495a7; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #15a6f0; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(18, 51, 84, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(51, 51, 51, 0.225); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e4e8ee); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#15a6f0); }
+
+paned > separator:backdrop { background-image: image(#ececec); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f5f7fa; background-image: image(#e4e8ee), image(#e4e8ee); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f8f8f8; background-image: image(#ececec), image(#ececec); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #e4e8ee; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #ececec; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #e4e8ee; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #ececec; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #e4e8ee, inset -1px 0 #e4e8ee; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #ececec, inset -1px 0 #ececec; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #e4e8ee; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #ececec; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #e4e8ee, inset 0 -1px #e4e8ee; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #ececec, inset 0 -1px #ececec; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #15a6f0; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark > overlay { border-color: #2ac88d; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #123354; background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+colorswatch#add-color-button:backdrop { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #edf0f6; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(18, 51, 84, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.05); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px transparent; }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(18, 51, 84, 0.225), 0 0 0 1px rgba(18, 51, 84, 0.05); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(51, 51, 51, 0.225), 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #e4e8ee; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(18, 51, 84, 0.05), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(130, 130, 130, 0.05), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(18, 51, 84, 0.05); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(130, 130, 130, 0.05); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #15a6f0; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: white; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8ad3f8; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: white; background-color: #9a9a9a; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #5bc1f5; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #c3e5f8; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #123f64; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #7997ae; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #e2e2e2; color: #848484; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #cccccc; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #15a6f0; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #123354; background-color: white; border: 1px solid; border-color: #edf0f4; border-radius: 5px; box-shadow: inset 0 -3px #f7f9fb; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: white; color: #828282; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #e4e8ee; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #e4e8ee; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e4e8ee; background-color: transparent; }
+
+button.emoji-section:checked { color: #123354; border-color: #15a6f0; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #828282; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #15a6f0; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #15a6f0; color: white; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #dee3e9; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #123354; background-color: #e4e8ee; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+viewswitcher button.toggle:checked:active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #e4e8ee; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #15a6f0; }
+
+indicatorbin.needs-attention > indicator > label { color: white; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #c8d0d9; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #d8d8d8; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #15a6f0; color: white; }
+
+splitbutton.destructive-action { background-color: #fa4444; color: white; }
+
+splitbutton.opaque { background-color: #d3dae1; color: #123354; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #15a6f0; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #e4e8ee; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ececec; }
+
+row.expander list.nested { margin: 12px; background-color: #f5f7fa; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #f8f8f8; }
+
+row.expander list.nested > row { border-bottom: 1px solid #e4e8ee; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ececec; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: none; box-shadow: 0 1px 8px 1px rgba(18, 51, 84, 0.225); }
+
+toast:backdrop { border-color: transparent; box-shadow: 0 1px 4px 1px rgba(51, 51, 51, 0.225); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #15a6f0; }
+
+.success { color: #2ac88d; }
+
+.warning { color: #f88052; }
+
+.error { color: #fa4444; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #c8d0d9; }
+
+tabbar tabbox > separator:backdrop { background-color: #d8d8d8; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #15a6f0; }
+
+tabbar tab { color: #3c5773; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #828282; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #123354; background-color: white; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #828282; background-color: white; box-shadow: 0 1px 4px rgba(51, 51, 51, 0.075); }
+
+tabbar tab:hover { color: #123354; background-color: rgba(18, 51, 84, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #828282; background-color: rgba(130, 130, 130, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #e4e8ee; color: #123354; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #ececec; color: #828282; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: white; background-image: none; color: #123354; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); outline: 1px solid rgba(18, 51, 84, 0.05); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #15a6f0; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #15a6f0; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#2ac88d,0.4); background-color: alpha(#2ac88d,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #15a6f0; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#15a6f0,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(18, 51, 84, 0.05); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(130, 130, 130, 0.05); }
+
+tabthumbnail.pinned .card { background-color: white; color: #123354; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(white,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(white,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(white,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: white; color: #123354; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: white; color: #828282; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #15a6f0; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #15a6f0; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: white; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: white; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(18, 51, 84, 0.225),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(51, 51, 51, 0.225),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(18, 51, 84, 0.05); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(130, 130, 130, 0.05); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(18, 51, 84, 0.225),0.35), alpha(rgba(18, 51, 84, 0.225),0.1) 40px, alpha(rgba(18, 51, 84, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(18, 51, 84, 0.225),0.2), alpha(rgba(18, 51, 84, 0.225),0.1) 7px, alpha(rgba(18, 51, 84, 0.225),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(18, 51, 84, 0.225),0.35), alpha(rgba(18, 51, 84, 0.225),0.1) 40px, alpha(rgba(18, 51, 84, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(18, 51, 84, 0.225),0.2), alpha(rgba(18, 51, 84, 0.225),0.1) 7px, alpha(rgba(18, 51, 84, 0.225),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(18, 51, 84, 0.225),0.35), alpha(rgba(18, 51, 84, 0.225),0.1) 40px, alpha(rgba(18, 51, 84, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(18, 51, 84, 0.225),0.2), alpha(rgba(18, 51, 84, 0.225),0.1) 7px, alpha(rgba(18, 51, 84, 0.225),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(18, 51, 84, 0.225),0.35), alpha(rgba(18, 51, 84, 0.225),0.1) 40px, alpha(rgba(18, 51, 84, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(18, 51, 84, 0.225),0.2), alpha(rgba(18, 51, 84, 0.225),0.1) 7px, alpha(rgba(18, 51, 84, 0.225),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(51, 51, 51, 0.225),0.35), alpha(rgba(51, 51, 51, 0.225),0.1) 40px, alpha(rgba(51, 51, 51, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(51, 51, 51, 0.225),0.2), alpha(rgba(51, 51, 51, 0.225),0.1) 7px, alpha(rgba(51, 51, 51, 0.225),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(51, 51, 51, 0.225),0.35), alpha(rgba(51, 51, 51, 0.225),0.1) 40px, alpha(rgba(51, 51, 51, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(51, 51, 51, 0.225),0.2), alpha(rgba(51, 51, 51, 0.225),0.1) 7px, alpha(rgba(51, 51, 51, 0.225),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(51, 51, 51, 0.225),0.35), alpha(rgba(51, 51, 51, 0.225),0.1) 40px, alpha(rgba(51, 51, 51, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(51, 51, 51, 0.225),0.2), alpha(rgba(51, 51, 51, 0.225),0.1) 7px, alpha(rgba(51, 51, 51, 0.225),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(51, 51, 51, 0.225),0.35), alpha(rgba(51, 51, 51, 0.225),0.1) 40px, alpha(rgba(51, 51, 51, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(51, 51, 51, 0.225),0.2), alpha(rgba(51, 51, 51, 0.225),0.1) 7px, alpha(rgba(51, 51, 51, 0.225),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #f5f7fa; color: #123354; }
+
+window.messagedialog:backdrop { background-color: #f8f8f8; color: #828282; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #15a6f0; }
+
+window.messagedialog .response-area > button.destructive { color: #fa4444; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #563b25; background-color: #fef2ee; padding: 6px; }
+
+banner > revealer > widget button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); }
+
+banner > revealer > widget button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); }
+
+banner > revealer > widget button:checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #828282; background-color: #efefef; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #563b25; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #123354;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #123354;
+/*
+widget base background color */
+@define-color theme_bg_color #f5f7fa;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #15a6f0;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f5f7fa;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #8495a7;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #828282;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #123354;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f8f8f8;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #15a6f0;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e4e8ee;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ececec;
+/*
+these are pretty self explicative */
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+@define-color destructive_color #fa4444;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#123354, 1.8);
+@define-color wm_unfocused_title #828282;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f5f7fa, 1.2);
+@define-color wm_bg_b #f5f7fa;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f5f7fa, 1.3);
+@define-color wm_button_hover_color_b #f5f7fa;
+@define-color wm_button_active_color_a shade(#f5f7fa, 0.85);
+@define-color wm_button_active_color_b shade(#f5f7fa, 0.89);
+@define-color wm_button_active_color_c shade(#f5f7fa, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #15a6f0;
+@define-color accent_fg_color white;
+@define-color accent_color #15a6f0;
+@define-color destructive_bg_color #fa4444;
+@define-color destructive_fg_color white;
+@define-color destructive_color #fa4444;
+@define-color success_bg_color #2ac88d;
+@define-color success_fg_color white;
+@define-color success_color #2ac88d;
+@define-color warning_bg_color #f88052;
+@define-color warning_fg_color white;
+@define-color warning_color #f88052;
+@define-color error_bg_color #fa4444;
+@define-color error_fg_color white;
+@define-color error_color #fa4444;
+@define-color window_bg_color #f5f7fa;
+@define-color window_fg_color #123354;
+@define-color view_bg_color white;
+@define-color view_fg_color #123354;
+@define-color headerbar_bg_color #f5f7fa;
+@define-color headerbar_fg_color #123354;
+@define-color headerbar_border_color #e4e8ee;
+@define-color headerbar_backdrop_color #f8f8f8;
+@define-color headerbar_shade_color #e4e8ee;
+@define-color card_bg_color white;
+@define-color card_fg_color #123354;
+@define-color card_shade_color #e4e8ee;
+@define-color dialog_bg_color #f5f7fa;
+@define-color dialog_fg_color #123354;
+@define-color popover_bg_color white;
+@define-color popover_fg_color #123354;
+@define-color shade_color #e4e8ee;
+@define-color scrollbar_outline_color #e4e8ee;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/index.theme
new file mode 100755
index 000000000..6fe65785a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinBlue-Light
+Comment=The light desktop theme with blue highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinBlue-Light
+MetacityTheme=ZorinBlue-Light
+IconTheme=ZorinBlue-Light
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.png
new file mode 100644
index 000000000..b73ad9f70
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..2f03e38ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..902643c45
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..cc85d8182
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..fbc248b46
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..c397265e1
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.xpm
new file mode 100644
index 000000000..282749ec5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..9e17db52d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.png
new file mode 100644
index 000000000..b629e7e62
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..fb6052c95
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.png
new file mode 100644
index 000000000..b442a7933
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..2610f3c65
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..a760d5e22
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f5f7fa",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..602ff7030
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f8f8f8",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..a6869d416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f5f7fa",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..f0574c06f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f5f7fa",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.png
new file mode 100644
index 000000000..d5bf4af0b
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.png
new file mode 100644
index 000000000..14a8afa9a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..9e44beace
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..7b387f1ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..de4c2bef1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..bf50b5c04
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..db384a98b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..9e5613ab0
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..6b1ef40e2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..f4168da38
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..90162daea
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..40f1dbf74
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..bed380933
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..1fabfd1df
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..408b52a9a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..5d06f7458
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..fce099b38
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..e2f7cd573
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..b3422647f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..211b04e89
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..c602d701a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..035353bb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..aa19456b6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..7299c1583
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..e6033fa4a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..68011c97c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..5ffdc9874
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..819d291d1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..cbfad0789
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..5c4ad43ea
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..07ee1cebd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..0d0bbe784
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f5f7fa",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.png
new file mode 100644
index 000000000..5e2594eb9
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..16da95621
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.png
new file mode 100644
index 000000000..b995befed
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..cdff1df0b
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.png
new file mode 100644
index 000000000..83289e432
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..7b72d9117
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonBlue-Light/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..cf94158f1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..fdb280ec5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..6a3e897a6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..51aeb3e45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..acc67728d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..f410bb358
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..f410bb358
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..2fa75256c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..ec05e0b76
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..e83b20c57
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..b22790bc9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..b8841e19f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..e65a9d68c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..99de827c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..d93832f39
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..53bab9fb6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..af41538f2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..3a9365b74
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..4ec51557b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..840180a76
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..0ebeefc20
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..dc69b2a6a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..6bb61663f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #bbf1dd; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #bbf1dd; background-color: rgba(21, 28, 25, 0.925); border: 1px solid rgba(187, 241, 221, 0.075); border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #bbf1dd; background-color: #1b2421; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #bbf1dd; background-color: #27332f; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #bbf1dd; background-color: #364640; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #3d4f48; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #485d55; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(21, 28, 25, 0.15); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #bbf1dd; background-color: #3b4d46; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #bbf1dd; background-color: #27332f; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #bbf1dd; background-color: #364640; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #3d4f48; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #485d55; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(21, 28, 25, 0.15); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #bbf1dd; background-color: #3b4d46; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #bbf1dd; background-color: #364640; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #3d4f48; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #485d55; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(21, 28, 25, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(21, 28, 25, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #bbf1dd; background-color: rgba(52, 68, 62, 0.937563); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(61, 79, 72, 0.940938); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(72, 94, 86, 0.946); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #bbf1dd; background-color: rgba(45, 58, 53, 0.934375); box-shadow: 0 2px 4px rgba(21, 28, 25, 0.15); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #bbf1dd; background-color: rgba(58, 76, 69, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #e6faf2; }
+
+.shell-link:hover { color: white; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(21, 28, 25, 0.25); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(21, 28, 25, 0.25); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #bbf1dd; background-color: #151c19; color: #bbf1dd; border: 1px solid #27332f; box-shadow: none; selection-background-color: #3f524b; selected-color: #bbf1dd; }
+
+StEntry:focus { background-color: #151c19; border-color: #bbf1dd; color: #bbf1dd; box-shadow: inset 0 0 0 1px #bbf1dd; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #6b8a7f; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #faa483; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(187, 241, 221, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off-dark.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused-dark.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox-dark.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused-dark.svg"); }
+
+/* Switches */
+.toggle-switch { color: #bbf1dd; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off-dark.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on-dark.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #27332f; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #bbf1dd; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #bbf1dd; color: #bbf1dd; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #7b9f92; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #9bc8b7; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #bbf1dd; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #bbf1dd; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid rgba(187, 241, 221, 0.075); box-shadow: 0 6px 12px rgba(21, 28, 25, 0.25); background-color: #1b2421; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #2b3833 !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #33433d !important; }
+
+.popup-menu-item:checked { background-color: #151c19 !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #27332f; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #2b3833 !important; }
+
+.popup-menu-item:checked:active { background-color: #33433d !important; }
+
+.popup-menu-item:active { background-color: #3e514a; color: #bbf1dd; }
+
+.popup-menu-item:insensitive { color: rgba(187, 241, 221, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #bbf1dd; }
+
+.popup-inactive-menu-item:insensitive { color: #6b8a7f; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: #151c19; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #2b3833 !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: #151c19 !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #2b3833 !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #33433d !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #27332f; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #364742; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(21, 28, 25, 0.5); }
+
+.datemenu-today-button:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.datemenu-today-button:hover { color: #bbf1dd; background-color: #27332f; }
+
+.datemenu-today-button:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.datemenu-today-button .day-label { color: #6b8a7f; }
+
+.datemenu-today-button .date-label { color: #bbf1dd; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(21, 28, 25, 0.5); }
+
+.calendar:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.calendar:hover { color: #bbf1dd; background-color: #27332f; }
+
+.calendar:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #bbf1dd; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #2b3833; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #33433d; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #2b3833; }
+
+.calendar .calendar-day-base:focus { background-color: #3b4d46; color: #bbf1dd; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #bbf1dd; background-color: #33433d; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #33433d; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #6b8a7f; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #bbf1dd; }
+
+.calendar .calendar-other-month-day { color: rgba(187, 241, 221, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(187, 241, 221, 0.5); }
+
+.calendar .calendar-today { background-color: #bbf1dd; font-weight: 800; color: #151c19 !important; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #c8f3e3; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; color: inherit; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #d0f5e7; color: #151c19; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event-dark.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today-dark.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(187, 241, 221, 0.075); color: #6b8a7f; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #bbf1dd; background-color: #151c19; padding: 12px; }
+
+.events-button:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.events-button:hover { color: #bbf1dd; background-color: #27332f; }
+
+.events-button:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #6b8a7f; margin-bottom: 4px; }
+
+.events-button .event-time { color: #6b8a7f; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #bbf1dd; background-color: #151c19; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.world-clocks-button:hover { color: #bbf1dd; background-color: #27332f; }
+
+.world-clocks-button:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #6b8a7f; }
+
+.world-clocks-button .world-clocks-city { color: #bbf1dd; }
+
+.world-clocks-button .world-clocks-time { color: #bbf1dd; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #6b8a7f; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #bbf1dd; background-color: #151c19; padding: 12px; }
+
+.weather-button:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.weather-button:hover { color: #bbf1dd; background-color: #27332f; }
+
+.weather-button:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #6b8a7f; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #bbf1dd; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(107, 138, 127, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: #151c19; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(187, 241, 221, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #bbf1dd; background-color: #151c19; background-color: rgba(21, 28, 25, 0.925); }
+
+.message:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.message:hover { color: #bbf1dd; background-color: #27332f; }
+
+.message:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(187, 241, 221, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(187, 241, 221, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(187, 241, 221, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #bbf1dd; }
+
+.url-highlighter { link-color: #e6faf2; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #bbf1dd; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(187, 241, 221, 0.075); color: #bbf1dd; }
+
+.message-media-control:active { background-color: rgba(187, 241, 221, 0.125); color: #bbf1dd; }
+
+.message-media-control:insensitive { color: #6b8a7f; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #6b8a7f; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #bbf1dd; color: #151c19; }
+
+.candidate-box:hover { background-color: #2b3833; color: #bbf1dd; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(21, 28, 25, 0.25); border-radius: 12px; margin: 8px; border: 1px solid rgba(187, 241, 221, 0.075); }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #bbf1dd; color: #151c19; border: 2px solid #bbf1dd; box-shadow: 0 2px 2px rgba(21, 28, 25, 0.25); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #bbf1dd; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#bbf1dd, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(187, 241, 221, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fb7c7c; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: #151c19; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff929b; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #fa4a4a; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #6b8a7f; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #93beae; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #93beae; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fb7c7c; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fb7c7c; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #2b3833; }
+
+.audio-selection-device:active { background-color: #bbf1dd; color: #151c19; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(21, 28, 25, 0.25); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(187, 241, 221, 0.25); -barlevel-active-background-color: #bbf1dd; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(21, 28, 25, 0.25); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(187, 241, 221, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(187, 241, 221, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(187, 241, 221, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(187, 241, 221, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(187, 241, 221, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(187, 241, 221, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(187, 241, 221, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(187, 241, 221, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #27332f; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(187, 241, 221, 0.8); color: rgba(187, 241, 221, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #bbf1dd; color: #bbf1dd; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #bbf1dd; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(21, 28, 25, 0.25); }
+
+.ws-switcher-indicator { background-color: rgba(187, 241, 221, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #bbf1dd; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(21, 28, 25, 0.25); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(187, 241, 221, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(187, 241, 221, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #2b3833; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(187, 241, 221, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #bbf1dd; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fb7c7c; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fc9595; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #fb5959; }
+
+.screenshot-ui-shot-cast-container { background-color: #3b4d46; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #bbf1dd; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(187, 241, 221, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(187, 241, 221, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: #151c19; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.1); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(187, 241, 221, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(49, 64, 58, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(58, 76, 69, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(67, 87, 80, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #bbf1dd; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #1b2421; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(187, 241, 221, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #151c19; background-color: #bbf1dd; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(21, 28, 25, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #bbf1dd; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fb7c7c; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #faa483; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: #151c19; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(187, 241, 221, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities-dark.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: #151c19; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #faa483; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(251, 254, 253, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(21, 28, 25, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: #151c19; background-color: #cef8e5; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.1); }
+
+.quick-toggle:checked:active { color: #151c19; background-color: #91e8c8; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(91, 118, 108, 0.2); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #bbf1dd; background-color: #364640; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #3d4f48; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #485d55; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: #151c19; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(187, 241, 221, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #bbf1dd; background-color: #27332f; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #1b2421; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(187, 241, 221, 0.925); color: #151c19; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(21, 28, 25, 0.25); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #9ac6b6; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #799c8f; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(21, 28, 25, 0.25); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: #151c19; color: #bbf1dd; border: 1px solid #27332f; box-shadow: none; border-color: rgba(187, 241, 221, 0.25); }
+
+.search-entry:focus { background-color: #151c19; border-color: #bbf1dd; color: #bbf1dd; box-shadow: inset 0 0 0 1px #bbf1dd; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #6b8a7f; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(21, 28, 25, 0.75); border-radius: 24px; border: 1px solid rgba(187, 241, 221, 0.075); color: #bbf1dd; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(187, 241, 221, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(187, 241, 221, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(187, 241, 221, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(187, 241, 221, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(187, 241, 221, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(187, 241, 221, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(187, 241, 221, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(187, 241, 221, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #bbf1dd; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(187, 241, 221, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #bbf1dd; }
+
+.dash-background { background-color: rgba(21, 28, 25, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(187, 241, 221, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #bbf1dd; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(187, 241, 221, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(187, 241, 221, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #bbf1dd; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(187, 241, 221, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(187, 241, 221, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(187, 241, 221, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #bbf1dd; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: #151c19; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; box-shadow: 0 2px 4px 0 rgba(251, 124, 124, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #bbf1dd; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(187, 241, 221, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #bbf1dd; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(187, 241, 221, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(187, 241, 221, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(187, 241, 221, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(187, 241, 221, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(187, 241, 221, 0.8); background-color: rgba(187, 241, 221, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(47, 61, 56, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #bbf1dd; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #bbf1dd; background-color: #3a4a44; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #bbf1dd; background-color: #475b53; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #4d635b; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #566f66; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #bbf1dd; background-color: #41534d; box-shadow: 0 2px 4px rgba(21, 28, 25, 0.15); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #bbf1dd; background-color: #4b6159; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: #151c19; background-color: #bbf1dd; background-gradient-direction: none; background-gradient-start: #a1f2d4; background-gradient-end: #cef8e5; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #bbf1dd; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #bbf1dd; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #bbf1dd; color: #1b2421; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(187, 241, 221, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(187, 241, 221, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(187, 241, 221, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #bbf1dd; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(187, 241, 221, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(21, 28, 25, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #bbf1dd; background-color: #3a4a44; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #bbf1dd; background-color: #41534d; box-shadow: 0 2px 4px rgba(21, 28, 25, 0.15); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder-dark.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #bbf1dd; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(251, 254, 253, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #bbf1dd; -pie-background-color: rgba(255, 255, 255, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #bbf1dd; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(187, 241, 221, 0.3); border: 1px solid #bbf1dd; }
+
+.user-icon { background-size: contain; color: #bbf1dd; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(187, 241, 221, 0.875); }
+
+.user-icon StIcon { background-color: rgba(187, 241, 221, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #faa483; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #1b2421; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(187, 241, 221, 0.5); border: 1px solid #bbf1dd; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(21, 28, 25, 0.9625); box-shadow: inset 0 1px 0 0 #27332f; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); }
+
+.keyboard-key:focus { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(187, 241, 221, 0.2); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(187, 241, 221, 0.275); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.keyboard-key:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); }
+
+.keyboard-key:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.275); }
+
+.keyboard-key:checked { color: #151c19; background-color: #bbf1dd; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(187, 241, 221, 0.25); color: #6b8a7f; }
+
+.keyboard-key.default-key { color: #bbf1dd; background-color: rgba(104, 134, 123, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #bbf1dd; background-color: rgba(104, 134, 123, 0.2); }
+
+.keyboard-key.default-key:active { color: #bbf1dd; background-color: rgba(104, 134, 123, 0.275); }
+
+.keyboard-key.default-key:checked { color: #151c19; background-color: #bbf1dd; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #bbf1dd; color: #151c19; border-color: transparent; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.keyboard-key.enter-key { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); border-radius: 12px; color: #bbf1dd; }
+
+.keyboard-key.enter-key:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); }
+
+.keyboard-key.enter-key:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.275); }
+
+.keyboard-key.enter-key:checked { color: #151c19; background-color: #bbf1dd; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #bbf1dd; color: #151c19; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #cef8e5; color: #151c19; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(21, 28, 25, 0.925); -arrow-border-width: 1px; -arrow-border-color: #27332f; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(187, 241, 221, 0.2); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(187, 241, 221, 0.275); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: #151c19; background-color: #bbf1dd; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #bbf1dd; background-color: #bbf1dd; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #bbf1dd; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(187, 241, 221, 0.2); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(187, 241, 221, 0.275); box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.7); }
+
+.word-suggestions StButton:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.2); }
+
+.word-suggestions StButton:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.275); }
+
+.word-suggestions StButton:checked { color: #151c19; background-color: #bbf1dd; box-shadow: 0 4px 8px rgba(187, 241, 221, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(21, 28, 25, 0.925); border-radius: 16px; border: 1px solid rgba(187, 241, 221, 0.075); color: #bbf1dd; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(21, 28, 25, 0.25); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #bbf1dd; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #bbf1dd; selected-color: #151c19; }
+
+.lg-dialog .shell-link { color: #e6faf2; }
+
+.lg-dialog .shell-link:hover { color: white; }
+
+.lg-dialog .shell-link:active { color: #bbf1dd; }
+
+.lg-dialog .actor-link { color: #6b8a7f; }
+
+.lg-dialog .actor-link:hover { color: #86a298; }
+
+.lg-dialog .actor-link:active { color: #556d65; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(187, 241, 221, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(187, 241, 221, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #bbf1dd; background-color: #151c19; }
+
+.lg-extension:focus { background-color: #26312d; box-shadow: inset 0 0 0 2px rgba(187, 241, 221, 0.6); }
+
+.lg-extension:hover { color: #bbf1dd; background-color: #27332f; }
+
+.lg-extension:active { color: #bbf1dd; background-color: #2f3d38; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(21, 28, 25, 0.925); border: 1px solid rgba(187, 241, 221, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #bbf1dd; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: #fbfefd; }
+
+.lg-debug-flag-button:active { color: #7ce4bd; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #151c19; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #151c19; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #151c19; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #151c19; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #1b2421; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(27, 36, 33, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(27, 36, 33, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(27, 36, 33, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/process-working.svg
new file mode 100644
index 000000000..e081ed35a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-2.0/gtkrc
new file mode 100644
index 000000000..473df69a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#bbf1dd\nbg_color:#1b2421\nbase_color:#151c19\ntext_color:#bbf1dd\nselected_bg_color:#bbf1dd\nselected_fg_color:#151c19\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#1b2421\npanel_fg_color:#bbf1dd"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..d6322e4ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bbf1dd; }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bbf1dd; background-color: #1b2421; }
+
+.gtkstyle-fallback:hover { color: #bbf1dd; background-color: #31413b; }
+
+.gtkstyle-fallback:active { color: #bbf1dd; background-color: #050706; }
+
+.gtkstyle-fallback:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.gtkstyle-fallback:selected { color: #151c19; background-color: #bbf1dd; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bbf1dd; background-color: #151c19; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #18201d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bbf1dd; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1b2421; border-top: 1px solid #27332f; }
+
+assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3b4d46; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6e837b; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(187, 241, 221, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #151c19; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #151c19; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9ac6b6; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5b6e67; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #151c19; background-color: #bbf1dd; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #e6faf2; }
+
+:backdrop .entry-tag { color: #131716; background-color: #bbf1dd; }
+
+.entry-tag.button { background-color: transparent; color: rgba(21, 28, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bbf1dd; color: #151c19; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bbf1dd; color: #151c19; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bbf1dd), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #131716; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3a4944; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3a4944; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6e837b; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6e837b; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.901176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3a4944; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3a4944; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #e6faf2; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #737775; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2c3330; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #e6faf2; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #3f4844; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(240, 240, 240, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(230, 250, 242, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #3f4844; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #151c19; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #131716; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3a4944; background-color: #181e1c; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:backdrop:disabled { color: #3a4944; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #181e1c; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1b2421; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #181e1c; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1b2421 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bbf1dd 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1b2421; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #252e2b; background-color: #181e1c; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #151c19; border-color: transparent; background-color: #bbf1dd; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #151c19; background-color: #bbf1dd; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #151c19; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #afe1ce; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #a7d6c4; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #9ac6b6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #92bcac 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3a4944; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(187, 241, 221, 0); background-color: rgba(187, 241, 221, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(21, 28, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #131716; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(187, 241, 221, 0.125); border-top-color: #1b2421; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #495a54; border-top-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view:disabled { color: #6b8a7f; }
+
+treeview.view:disabled:selected { color: #799c8f; }
+
+treeview.view:disabled:selected:backdrop { color: #5e726b; }
+
+treeview.view:disabled:backdrop { color: #3a4944; }
+
+treeview.view.separator { min-height: 2px; color: #1b2421; }
+
+treeview.view.separator:backdrop { color: #181e1c; }
+
+treeview.view:backdrop { border-left-color: #43514c; border-top: #181e1c; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bbf1dd; }
+
+treeview.view.expander:selected { color: #475c54; }
+
+treeview.view.expander:selected:hover { color: #151c19; }
+
+treeview.view.expander:selected:backdrop { color: #333e3a; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #52635d; }
+
+treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view header button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bbf1dd; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1b2421; background-image: none; }
+
+treeview.view header button:backdrop { color: #43514c; border-color: #181e1c; border-style: none solid solid none; background-image: none; background-color: #131716; }
+
+treeview.view header button:backdrop:disabled { border-color: #181e1c; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #181e1c; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2b3833; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #151c19; border: 1px solid rgba(39, 51, 47, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #131716; border-color: rgba(37, 46, 43, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bbf1dd; background-color: #2b3833; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6b8a7f; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3a4944; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6e837b; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #151c19; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #26312d; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #26312d; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #2e3c36; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #131716; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #151c19; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #131716; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(37, 46, 43, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(187, 241, 221, 0.1); }
+
+notebook > header tab:backdrop { color: #6e837b; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #252e2b; border-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; }
+
+scrollbar slider:hover { background-color: #9bc8b7; }
+
+scrollbar slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar slider:backdrop { background-color: #54655f; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bbf1dd; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bbf1dd; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7b9f92; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9bc8b7; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(123, 159, 146, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #54655f; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(84, 101, 95, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 4px rgba(19, 23, 22, 0.075); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #27332f; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #151c19; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bbf1dd); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #27332f; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1b2421; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #27332f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #252e2b 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bbf1dd; background-color: #151c19; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #151c19; }
+
+list.content row:backdrop { background-color: #131716; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1b2421; }
+
+row list.nested > row.activatable:backdrop { background-color: #181e1c; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #131716; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6b8a7f; }
+
+expander title > arrow:disabled:backdrop { color: #3a4944; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(187, 241, 221, 0.45); }
+
+calendar.button:hover { color: #bbf1dd; }
+
+calendar.button:backdrop { color: rgba(110, 131, 123, 0.45); }
+
+calendar.button:disabled { color: rgba(107, 138, 127, 0.45); }
+
+calendar.highlight { color: #6b8a7f; }
+
+calendar.highlight:backdrop { color: #3a4944; }
+
+calendar:backdrop { color: #6e837b; border-color: #252e2b; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #252e2b; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #181e1c; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #27332f; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #addfcc; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #151c19; }
+
+placessidebar row:disabled { color: #6b8a7f; }
+
+placessidebar row:backdrop { color: #6e837b; }
+
+placessidebar row:backdrop:selected { color: #131716; }
+
+placessidebar row:backdrop:disabled { color: #3a4944; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1b2421; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #181e1c; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6e837b; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3a4944; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #050706; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #e6faf2; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6e837b; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #121715; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #27332f; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bbf1dd; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #151c19; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #68867b; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #89afa1; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #3f524b; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bbf1dd; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #739488; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bbf1dd; }
+
+cursor-handle:hover { color: #fbfefd; }
+
+cursor-handle:active { color: #bbf1dd; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+.keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bbf1dd; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2b3833; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #151c19; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #27332f; }
+
+window.background.chromium > textview.view { background-color: #1b2421; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #151c19; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #151c19; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #27332f; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #1e2623; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #131716; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #739588; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #475650; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(21, 28, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(19, 23, 22, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(187, 241, 221, 0.4); color: rgba(187, 241, 221, 0.4); }
+
+.disk-space-display.used { background-color: #bbf1dd; color: #bbf1dd; }
+
+.disk-space-display.free { background-color: rgba(187, 241, 221, 0.1); color: rgba(187, 241, 221, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(187, 241, 221, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #151c19; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1b2421; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #131716; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #151c19; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #131716; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1b2421; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #181e1c; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bbf1dd; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bbf1dd; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #151c19; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #131716; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(187, 241, 221, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #151c19; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #131716; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1b2421; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(187, 241, 221, 0.1), 0 0 0 1px #1b2421; }
+
+terminal-window decoration:backdrop { background-color: #181e1c; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(110, 131, 123, 0.125), 0 0 0 1px #181e1c; }
+
+terminal-window .terminal-screen { background-color: #1b2421; color: #bbf1dd; }
+
+terminal-window .terminal-screen:backdrop { background-color: #181e1c; color: #6e837b; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #151c19; }
+
+.tweak-group-startup:backdrop { background-color: #131716; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #27332f; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #252e2b; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #151c19; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #131716; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1b2421; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #2f3d38; color: #bbf1dd; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #181e1c; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #232b28; color: #6e837b; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1b2421; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1b2421; color: #bbf1dd; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #151c19; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #27332f; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bbf1dd; }
+
+wnck-pager { background-color: #212c28; }
+
+wnck-pager:hover { background-color: #2a3731; }
+
+wnck-pager:selected { background-color: #364740; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bbf1dd; color: #151c19; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #151c19; border: none; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bbf1dd); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #abdcca;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #68867b;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #151c19;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk.css
new file mode 100644
index 000000000..d6322e4ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-3.0/gtk.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bbf1dd; }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bbf1dd; background-color: #1b2421; }
+
+.gtkstyle-fallback:hover { color: #bbf1dd; background-color: #31413b; }
+
+.gtkstyle-fallback:active { color: #bbf1dd; background-color: #050706; }
+
+.gtkstyle-fallback:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.gtkstyle-fallback:selected { color: #151c19; background-color: #bbf1dd; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bbf1dd; background-color: #151c19; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #18201d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bbf1dd; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1b2421; border-top: 1px solid #27332f; }
+
+assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3b4d46; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6e837b; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(187, 241, 221, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #151c19; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #151c19; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9ac6b6; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5b6e67; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #151c19; background-color: #bbf1dd; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #e6faf2; }
+
+:backdrop .entry-tag { color: #131716; background-color: #bbf1dd; }
+
+.entry-tag.button { background-color: transparent; color: rgba(21, 28, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bbf1dd; color: #151c19; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bbf1dd; color: #151c19; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bbf1dd), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #131716; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3a4944; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3a4944; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6e837b; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6e837b; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.901176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3a4944; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3a4944; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #e6faf2; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #737775; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2c3330; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #e6faf2; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #3f4844; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(240, 240, 240, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(230, 250, 242, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #3f4844; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #151c19; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #131716; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3a4944; background-color: #181e1c; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:backdrop:disabled { color: #3a4944; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #181e1c; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1b2421; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #181e1c; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1b2421 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bbf1dd 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1b2421; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #252e2b; background-color: #181e1c; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #151c19; border-color: transparent; background-color: #bbf1dd; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #151c19; background-color: #bbf1dd; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #151c19; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #afe1ce; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #a7d6c4; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #9ac6b6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #92bcac 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3a4944; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(187, 241, 221, 0); background-color: rgba(187, 241, 221, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(21, 28, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #131716; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(187, 241, 221, 0.125); border-top-color: #1b2421; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #495a54; border-top-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view:disabled { color: #6b8a7f; }
+
+treeview.view:disabled:selected { color: #799c8f; }
+
+treeview.view:disabled:selected:backdrop { color: #5e726b; }
+
+treeview.view:disabled:backdrop { color: #3a4944; }
+
+treeview.view.separator { min-height: 2px; color: #1b2421; }
+
+treeview.view.separator:backdrop { color: #181e1c; }
+
+treeview.view:backdrop { border-left-color: #43514c; border-top: #181e1c; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bbf1dd; }
+
+treeview.view.expander:selected { color: #475c54; }
+
+treeview.view.expander:selected:hover { color: #151c19; }
+
+treeview.view.expander:selected:backdrop { color: #333e3a; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #52635d; }
+
+treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view header button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bbf1dd; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1b2421; background-image: none; }
+
+treeview.view header button:backdrop { color: #43514c; border-color: #181e1c; border-style: none solid solid none; background-image: none; background-color: #131716; }
+
+treeview.view header button:backdrop:disabled { border-color: #181e1c; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #181e1c; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2b3833; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #151c19; border: 1px solid rgba(39, 51, 47, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #131716; border-color: rgba(37, 46, 43, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bbf1dd; background-color: #2b3833; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6b8a7f; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3a4944; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6e837b; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #151c19; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #26312d; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #26312d; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #2e3c36; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #131716; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #151c19; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #131716; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(37, 46, 43, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(187, 241, 221, 0.1); }
+
+notebook > header tab:backdrop { color: #6e837b; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #252e2b; border-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; }
+
+scrollbar slider:hover { background-color: #9bc8b7; }
+
+scrollbar slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar slider:backdrop { background-color: #54655f; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bbf1dd; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bbf1dd; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7b9f92; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9bc8b7; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(123, 159, 146, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #54655f; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(84, 101, 95, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 4px rgba(19, 23, 22, 0.075); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #27332f; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #151c19; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bbf1dd); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #27332f; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1b2421; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #27332f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #252e2b 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bbf1dd; background-color: #151c19; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #151c19; }
+
+list.content row:backdrop { background-color: #131716; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1b2421; }
+
+row list.nested > row.activatable:backdrop { background-color: #181e1c; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #131716; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6b8a7f; }
+
+expander title > arrow:disabled:backdrop { color: #3a4944; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(187, 241, 221, 0.45); }
+
+calendar.button:hover { color: #bbf1dd; }
+
+calendar.button:backdrop { color: rgba(110, 131, 123, 0.45); }
+
+calendar.button:disabled { color: rgba(107, 138, 127, 0.45); }
+
+calendar.highlight { color: #6b8a7f; }
+
+calendar.highlight:backdrop { color: #3a4944; }
+
+calendar:backdrop { color: #6e837b; border-color: #252e2b; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #252e2b; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #181e1c; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #27332f; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #addfcc; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #151c19; }
+
+placessidebar row:disabled { color: #6b8a7f; }
+
+placessidebar row:backdrop { color: #6e837b; }
+
+placessidebar row:backdrop:selected { color: #131716; }
+
+placessidebar row:backdrop:disabled { color: #3a4944; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1b2421; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #181e1c; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6e837b; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3a4944; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #050706; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #e6faf2; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6e837b; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #121715; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #27332f; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bbf1dd; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #151c19; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #68867b; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #89afa1; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #3f524b; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bbf1dd; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #739488; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bbf1dd; }
+
+cursor-handle:hover { color: #fbfefd; }
+
+cursor-handle:active { color: #bbf1dd; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+.keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bbf1dd; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2b3833; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #151c19; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #27332f; }
+
+window.background.chromium > textview.view { background-color: #1b2421; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #151c19; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #151c19; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #27332f; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #1e2623; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #131716; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #739588; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #475650; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(21, 28, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(19, 23, 22, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(187, 241, 221, 0.4); color: rgba(187, 241, 221, 0.4); }
+
+.disk-space-display.used { background-color: #bbf1dd; color: #bbf1dd; }
+
+.disk-space-display.free { background-color: rgba(187, 241, 221, 0.1); color: rgba(187, 241, 221, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(187, 241, 221, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #151c19; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1b2421; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #131716; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #151c19; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #131716; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1b2421; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #181e1c; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bbf1dd; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bbf1dd; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #151c19; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #131716; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(187, 241, 221, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #151c19; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #131716; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1b2421; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(187, 241, 221, 0.1), 0 0 0 1px #1b2421; }
+
+terminal-window decoration:backdrop { background-color: #181e1c; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(110, 131, 123, 0.125), 0 0 0 1px #181e1c; }
+
+terminal-window .terminal-screen { background-color: #1b2421; color: #bbf1dd; }
+
+terminal-window .terminal-screen:backdrop { background-color: #181e1c; color: #6e837b; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #151c19; }
+
+.tweak-group-startup:backdrop { background-color: #131716; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #27332f; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #252e2b; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #151c19; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #131716; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1b2421; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #2f3d38; color: #bbf1dd; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #181e1c; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #232b28; color: #6e837b; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1b2421; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1b2421; color: #bbf1dd; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #151c19; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #27332f; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bbf1dd; }
+
+wnck-pager { background-color: #212c28; }
+
+wnck-pager:hover { background-color: #2a3731; }
+
+wnck-pager:selected { background-color: #364740; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bbf1dd; color: #151c19; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #151c19; border: none; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bbf1dd); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #abdcca;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #68867b;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #151c19;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..f3da90cd7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bbf1dd; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bbf1dd; background-color: #151c19; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #18201d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #addfcc; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2b3833; }
+
+gridview > child.activatable:active { background-color: #33433d; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bbf1dd; background-color: #151c19; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(187, 241, 221, 0.3); }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1b2421; padding: 6px; border-top: 1px solid #27332f; }
+
+window.assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2b3833; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9ac6b6; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5b6e67; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5b6e67; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #739488; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bbf1dd 0%, rgba(187, 241, 221, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bbf1dd 95%, rgba(187, 241, 221, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bbf1dd; background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6e837b; background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #151c19; background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #131716; background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #151c19; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #131716; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bbf1dd 96%, rgba(187, 241, 221, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat:disabled { color: #6b8a7f; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #e6faf2; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #737775; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2c3330; }
+
+button.link:active, link:active { color: #e6faf2; }
+
+*:selected button.link:active, *:selected link:active { color: #3f4844; }
+
+button.link:disabled, link:disabled { color: rgba(240, 240, 240, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #3f4844; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #739488; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+spinbutton.vertical > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bbf1dd; background-color: #2b3833; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #27332f; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bbf1dd; background-color: #1b2421; box-shadow: inset -1px 0 #27332f; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6e837b; background-color: #181e1c; background-image: none; box-shadow: inset -1px 0 #252e2b; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #27332f; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #27332f; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #364740; border-top-color: #364740; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6b8a7f; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #799c8f; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #89afa1; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #364740; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #27312d; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #27312d; border-top-color: #27312d; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bbf1dd; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #475c54; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #151c19; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #68867b; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #92bbac; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bbf1dd; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bbf1dd; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #43514c; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1b2421; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #151c19; background-clip: padding-box; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #27332f; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #151c19; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2b3833); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #33433d; border-color: #33433d; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #151c19; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bbf1dd; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bbf1dd; background-color: #2b3833; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bbf1dd; background-color: #33433d; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3b4d46 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bbf1dd; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2b3833; }
+
+menubar > item:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6e837b; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9bc8b7; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #54655f; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bbf1dd,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#27332f,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #27332f; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: #bbf1dd; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(21, 28, 25, 0.6); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 8px rgba(22, 27, 25, 0.45); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { outline-color: #151c19; box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #27332f; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #151c19; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bbf1dd); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bbf1dd; outline: none; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(21, 28, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bbf1dd; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1b2421; }
+
+frame:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+scrolledwindow > junction { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to right, transparent 1px, #27332f 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to left, transparent 1px, #27332f 1px); }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bbf1dd; background-color: #151c19; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bbf1dd; }
+
+row.activatable:backdrop { color: #6e837b; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+row.activatable:selected { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #364740; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7d998f; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(187, 241, 221, 0.3); color: #bbf1dd; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #27332f; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #252e2b; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(22, 27, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6b8a7f; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #27332f; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bbf1dd; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bbf1dd,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1b2421; }
+
+.sidebar:backdrop { background-color: #181e1c; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #27332f; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2b3833; border-radius: 8px; color: #bbf1dd; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #202a26; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6b8a7f; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #27332f; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #252e2b; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #27332f; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #252e2b; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #27332f, inset -1px 0 #27332f; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #252e2b, inset -1px 0 #252e2b; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #27332f; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #252e2b; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #27332f, inset 0 -1px #27332f; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #252e2b, inset 0 -1px #252e2b; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bbf1dd; }
+
+.content-view .tile:disabled { background-color: #1b2421; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bbf1dd; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #151c19; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #68867b; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #89afa1; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #3f524b; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bbf1dd; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #739488; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bbf1dd; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #27332f; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #27332f; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; background-color: transparent; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bbf1dd; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bbf1dd; color: #151c19; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2b3833; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #27332f; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bbf1dd; }
+
+indicatorbin.needs-attention > indicator > label { color: #151c19; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3b4d46; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #36423d; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bbf1dd; color: #151c19; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #151c19; }
+
+splitbutton.opaque { background-color: #33433d; color: #bbf1dd; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bbf1dd; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #27332f; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested { margin: 12px; background-color: #1b2421; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #181e1c; }
+
+row.expander list.nested > row { border-bottom: 1px solid #27332f; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 8px 1px rgba(21, 28, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 4px 1px rgba(22, 27, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bbf1dd; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3b4d46; }
+
+tabbar tabbox > separator:backdrop { background-color: #36423d; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bbf1dd; }
+
+tabbar tab { color: #9ac6b6; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6e837b; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+tabbar tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6e837b; background-color: rgba(110, 131, 123, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #151c19; color: #bbf1dd; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #131716; color: #6e837b; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #2f3d38; background-image: none; color: #bbf1dd; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); outline: 1px solid rgba(187, 241, 221, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bbf1dd; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bbf1dd; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bbf1dd,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(187, 241, 221, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(110, 131, 123, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #151c19; color: #bbf1dd; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#151c19,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#151c19,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#151c19,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #151c19; color: #bbf1dd; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #131716; color: #6e837b; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bbf1dd; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #151c19; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #131716; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(21, 28, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(22, 27, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(187, 241, 221, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(110, 131, 123, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1b2421; color: #bbf1dd; }
+
+window.messagedialog:backdrop { background-color: #181e1c; color: #6e837b; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #080b09;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bbf1dd;
+@define-color accent_fg_color #151c19;
+@define-color accent_color #bbf1dd;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #151c19;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #151c19;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #151c19;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #151c19;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1b2421;
+@define-color window_fg_color #bbf1dd;
+@define-color view_bg_color #151c19;
+@define-color view_fg_color #bbf1dd;
+@define-color headerbar_bg_color #1b2421;
+@define-color headerbar_fg_color #bbf1dd;
+@define-color headerbar_border_color #27332f;
+@define-color headerbar_backdrop_color #181e1c;
+@define-color headerbar_shade_color #27332f;
+@define-color card_bg_color #151c19;
+@define-color card_fg_color #bbf1dd;
+@define-color card_shade_color #27332f;
+@define-color dialog_bg_color #1b2421;
+@define-color dialog_fg_color #bbf1dd;
+@define-color popover_bg_color #151c19;
+@define-color popover_fg_color #bbf1dd;
+@define-color shade_color #27332f;
+@define-color scrollbar_outline_color #27332f;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk.css
new file mode 100644
index 000000000..f3da90cd7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/gtk-4.0/gtk.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bbf1dd; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bbf1dd; background-color: #151c19; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #18201d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #addfcc; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2b3833; }
+
+gridview > child.activatable:active { background-color: #33433d; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bbf1dd; background-color: #151c19; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(187, 241, 221, 0.3); }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1b2421; padding: 6px; border-top: 1px solid #27332f; }
+
+window.assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2b3833; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9ac6b6; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5b6e67; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5b6e67; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #739488; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bbf1dd 0%, rgba(187, 241, 221, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bbf1dd 95%, rgba(187, 241, 221, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bbf1dd; background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6e837b; background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #151c19; background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #131716; background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #151c19; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #131716; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bbf1dd 96%, rgba(187, 241, 221, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat:disabled { color: #6b8a7f; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #e6faf2; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #737775; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2c3330; }
+
+button.link:active, link:active { color: #e6faf2; }
+
+*:selected button.link:active, *:selected link:active { color: #3f4844; }
+
+button.link:disabled, link:disabled { color: rgba(240, 240, 240, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #3f4844; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #739488; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+spinbutton.vertical > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bbf1dd; background-color: #2b3833; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #27332f; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bbf1dd; background-color: #1b2421; box-shadow: inset -1px 0 #27332f; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6e837b; background-color: #181e1c; background-image: none; box-shadow: inset -1px 0 #252e2b; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #27332f; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #27332f; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #364740; border-top-color: #364740; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6b8a7f; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #799c8f; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #89afa1; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #364740; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #27312d; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #27312d; border-top-color: #27312d; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bbf1dd; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #475c54; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #151c19; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #68867b; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #92bbac; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bbf1dd; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bbf1dd; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #43514c; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1b2421; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #151c19; background-clip: padding-box; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #27332f; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #151c19; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2b3833); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #33433d; border-color: #33433d; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #151c19; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bbf1dd; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bbf1dd; background-color: #2b3833; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bbf1dd; background-color: #33433d; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3b4d46 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bbf1dd; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2b3833; }
+
+menubar > item:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6e837b; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9bc8b7; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #54655f; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bbf1dd,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#27332f,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #27332f; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: #bbf1dd; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(21, 28, 25, 0.6); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 8px rgba(22, 27, 25, 0.45); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { outline-color: #151c19; box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #27332f; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #151c19; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bbf1dd); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bbf1dd; outline: none; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(21, 28, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bbf1dd; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1b2421; }
+
+frame:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+scrolledwindow > junction { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to right, transparent 1px, #27332f 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to left, transparent 1px, #27332f 1px); }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bbf1dd; background-color: #151c19; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bbf1dd; }
+
+row.activatable:backdrop { color: #6e837b; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+row.activatable:selected { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #364740; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7d998f; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(187, 241, 221, 0.3); color: #bbf1dd; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #27332f; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #252e2b; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(22, 27, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6b8a7f; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #27332f; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bbf1dd; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bbf1dd,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1b2421; }
+
+.sidebar:backdrop { background-color: #181e1c; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #27332f; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2b3833; border-radius: 8px; color: #bbf1dd; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #202a26; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6b8a7f; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #27332f; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #252e2b; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #27332f; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #252e2b; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #27332f, inset -1px 0 #27332f; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #252e2b, inset -1px 0 #252e2b; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #27332f; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #252e2b; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #27332f, inset 0 -1px #27332f; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #252e2b, inset 0 -1px #252e2b; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bbf1dd; }
+
+.content-view .tile:disabled { background-color: #1b2421; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bbf1dd; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #151c19; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #68867b; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #89afa1; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #3f524b; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bbf1dd; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #739488; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bbf1dd; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #27332f; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #27332f; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; background-color: transparent; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bbf1dd; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bbf1dd; color: #151c19; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2b3833; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #27332f; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bbf1dd; }
+
+indicatorbin.needs-attention > indicator > label { color: #151c19; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3b4d46; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #36423d; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bbf1dd; color: #151c19; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #151c19; }
+
+splitbutton.opaque { background-color: #33433d; color: #bbf1dd; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bbf1dd; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #27332f; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested { margin: 12px; background-color: #1b2421; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #181e1c; }
+
+row.expander list.nested > row { border-bottom: 1px solid #27332f; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 8px 1px rgba(21, 28, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 4px 1px rgba(22, 27, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bbf1dd; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3b4d46; }
+
+tabbar tabbox > separator:backdrop { background-color: #36423d; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bbf1dd; }
+
+tabbar tab { color: #9ac6b6; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6e837b; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+tabbar tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6e837b; background-color: rgba(110, 131, 123, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #151c19; color: #bbf1dd; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #131716; color: #6e837b; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #2f3d38; background-image: none; color: #bbf1dd; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); outline: 1px solid rgba(187, 241, 221, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bbf1dd; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bbf1dd; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bbf1dd,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(187, 241, 221, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(110, 131, 123, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #151c19; color: #bbf1dd; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#151c19,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#151c19,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#151c19,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #151c19; color: #bbf1dd; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #131716; color: #6e837b; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bbf1dd; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #151c19; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #131716; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(21, 28, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(22, 27, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(187, 241, 221, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(110, 131, 123, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1b2421; color: #bbf1dd; }
+
+window.messagedialog:backdrop { background-color: #181e1c; color: #6e837b; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #080b09;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bbf1dd;
+@define-color accent_fg_color #151c19;
+@define-color accent_color #bbf1dd;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #151c19;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #151c19;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #151c19;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #151c19;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1b2421;
+@define-color window_fg_color #bbf1dd;
+@define-color view_bg_color #151c19;
+@define-color view_fg_color #bbf1dd;
+@define-color headerbar_bg_color #1b2421;
+@define-color headerbar_fg_color #bbf1dd;
+@define-color headerbar_border_color #27332f;
+@define-color headerbar_backdrop_color #181e1c;
+@define-color headerbar_shade_color #27332f;
+@define-color card_bg_color #151c19;
+@define-color card_fg_color #bbf1dd;
+@define-color card_shade_color #27332f;
+@define-color dialog_bg_color #1b2421;
+@define-color dialog_fg_color #bbf1dd;
+@define-color popover_bg_color #151c19;
+@define-color popover_fg_color #bbf1dd;
+@define-color shade_color #27332f;
+@define-color scrollbar_outline_color #27332f;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/index.theme
new file mode 100755
index 000000000..ab169ddaf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinGreen-Dark
+Comment=The dark desktop theme with green highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinGreen-Dark
+MetacityTheme=ZorinGreen-Dark
+IconTheme=ZorinGreen-Dark
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.png
new file mode 100644
index 000000000..c2b5e91c5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..5e5041dac
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..3e9709ddb
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..fcf5d3dbf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..4a9e26e98
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..cfb100991
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.xpm
new file mode 100644
index 000000000..1a32be705
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..d729f846f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.png
new file mode 100644
index 000000000..071181fe7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..bd72a9651
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.png
new file mode 100644
index 000000000..2f21fa6ed
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..2526e72ec
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..448565d05
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1b2421",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..771caef7d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #181e1c",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..499b46291
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1b2421",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..55566c7e4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1b2421",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.png
new file mode 100644
index 000000000..4ac569066
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.png
new file mode 100644
index 000000000..59cf52104
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..5d15b3c09
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..da195e760
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..c4af9c164
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..018875723
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..7efaed502
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..eb9e017ae
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..c26bd1347
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..6a8cba987
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..f52c8ccd3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..d4828f64c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..294cf2a36
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..197aa38e1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..f1e620872
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..7ef76585f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..fbfe3a20a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..da7be2cf3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..ca9cbec1d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..c7caf5135
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..88e4c049b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..42da7c111
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..ce47a76d5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..8f5380135
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..9bc239df4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..da564e637
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..717e8c883
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..f2ab34487
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..a86ef7b93
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..e3cff9234
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #181e1c",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..4e6355dd3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..2f646bf04
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b2421",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.png
new file mode 100644
index 000000000..7ee960f65
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..15b51f1d4
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.png
new file mode 100644
index 000000000..ccf901569
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..d218a39b0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.png
new file mode 100644
index 000000000..13dc7ce0d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..dfb0f2883
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Dark/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..cf94158f1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..fdb280ec5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..6a3e897a6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..51aeb3e45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..acc67728d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..f410bb358
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..f410bb358
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..2fa75256c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..ec05e0b76
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..e83b20c57
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..b22790bc9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..b8841e19f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..e65a9d68c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..99de827c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..d93832f39
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..53bab9fb6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..af41538f2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..3a9365b74
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..4ec51557b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..840180a76
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..0ebeefc20
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..51a6cc1d8
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..fbbdad955
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #19483e; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #19483e; background-color: rgba(255, 255, 255, 0.925); border: 1px solid transparent; border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #19483e; background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #19483e; background-color: #f6f9f9; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #19483e; background-color: #e5eceb; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #19483e; background-color: #d2e8e2; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #c8e0da; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #bad5cd; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #19483e; background-color: #dae3e2; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #19483e; background-color: #cad6d4; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #19483e; background-color: #e5eceb; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #19483e; background-color: #d2e8e2; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #c8e0da; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #bad5cd; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #19483e; background-color: #dae3e2; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #19483e; background-color: #cad6d4; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #19483e; background-color: rgba(25, 72, 62, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #19483e; background-color: #d2e8e2; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #c8e0da; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #bad5cd; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #19483e; background-color: rgba(25, 72, 62, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #19483e; background-color: rgba(25, 72, 62, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #19483e; background-color: rgba(213, 235, 227, 0.937563); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(202, 226, 218, 0.940938); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(185, 212, 204, 0.946); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #19483e; background-color: rgba(222, 229, 228, 0.934375); box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #19483e; background-color: rgba(203, 214, 212, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #219e6f; }
+
+.shell-link:hover { color: #2ac88d; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(25, 72, 62, 0.175); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(25, 72, 62, 0.175); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #19483e; background-color: white; color: #19483e; border: 1px solid #e5eceb; box-shadow: none; selection-background-color: #c8eee1; selected-color: #1b5546; }
+
+StEntry:focus { background-color: white; border-color: #2ac88d; color: #19483e; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #88a19c; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f88052; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(25, 72, 62, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); }
+
+/* Switches */
+.toggle-switch { color: #19483e; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #e5eceb; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #2ac88d; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #9eb2ae; color: white; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #718f89; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #456b63; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #19483e; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #19483e; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid transparent; box-shadow: 0 6px 12px rgba(25, 72, 62, 0.175); background-color: #f6f9f9; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #e0e7e6 !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #d5dedd !important; }
+
+.popup-menu-item:checked { background-color: white !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #e5eceb; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #e0e7e6 !important; }
+
+.popup-menu-item:checked:active { background-color: #d5dedd !important; }
+
+.popup-menu-item:active { background-color: #e3e9e9; color: #19483e; }
+
+.popup-menu-item:insensitive { color: rgba(25, 72, 62, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #19483e; }
+
+.popup-inactive-menu-item:insensitive { color: #88a19c; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: white; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #e0e7e6 !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: white !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #e0e7e6 !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #d5dedd !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #e5eceb; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #fafbfb; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.datemenu-today-button:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.datemenu-today-button:hover { color: #19483e; background-color: #e5eceb; }
+
+.datemenu-today-button:active { color: #19483e; background-color: #dae3e2; }
+
+.datemenu-today-button .day-label { color: #88a19c; }
+
+.datemenu-today-button .date-label { color: #19483e; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.calendar:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.calendar:hover { color: #19483e; background-color: #e5eceb; }
+
+.calendar:active { color: #19483e; background-color: #dae3e2; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #19483e; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #e0e7e6; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #d5dedd; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #e0e7e6; }
+
+.calendar .calendar-day-base:focus { background-color: #cdefe3; color: #19483e; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #19483e; background-color: #d5dedd; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #d5dedd; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #88a19c; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #19483e; }
+
+.calendar .calendar-other-month-day { color: rgba(25, 72, 62, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(25, 72, 62, 0.5); }
+
+.calendar .calendar-today { background-color: #2ac88d; font-weight: 800; color: white !important; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: 0 2px 4px rgba(42, 225, 142, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #2ed396; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; color: inherit; box-shadow: 0 2px 4px rgba(42, 225, 142, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #2ae18e; color: white; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(25, 72, 62, 0.075); color: #88a19c; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #19483e; background-color: white; padding: 12px; }
+
+.events-button:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.events-button:hover { color: #19483e; background-color: #e5eceb; }
+
+.events-button:active { color: #19483e; background-color: #dae3e2; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #88a19c; margin-bottom: 4px; }
+
+.events-button .event-time { color: #88a19c; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #19483e; background-color: white; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.world-clocks-button:hover { color: #19483e; background-color: #e5eceb; }
+
+.world-clocks-button:active { color: #19483e; background-color: #dae3e2; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #88a19c; }
+
+.world-clocks-button .world-clocks-city { color: #19483e; }
+
+.world-clocks-button .world-clocks-time { color: #19483e; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #88a19c; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #19483e; background-color: white; padding: 12px; }
+
+.weather-button:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.weather-button:hover { color: #19483e; background-color: #e5eceb; }
+
+.weather-button:active { color: #19483e; background-color: #dae3e2; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #88a19c; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #19483e; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(136, 161, 156, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: white; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(42, 200, 141, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #19483e; background-color: white; background-color: rgba(255, 255, 255, 0.925); }
+
+.message:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.message:hover { color: #19483e; background-color: #e5eceb; }
+
+.message:active { color: #19483e; background-color: #dae3e2; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(25, 72, 62, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #19483e; background-color: rgba(25, 72, 62, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(25, 72, 62, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(25, 72, 62, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #19483e; }
+
+.url-highlighter { link-color: #219e6f; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #19483e; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(25, 72, 62, 0.075); color: #19483e; }
+
+.message-media-control:active { background-color: rgba(25, 72, 62, 0.125); color: #19483e; }
+
+.message-media-control:insensitive { color: #88a19c; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #19483e; background-color: rgba(25, 72, 62, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #88a19c; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #2ac88d; color: white; }
+
+.candidate-box:hover { background-color: #e0e7e6; color: #19483e; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(25, 72, 62, 0.175); border-radius: 12px; margin: 8px; border: none; }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #2ac88d; color: white; border: 2px solid #19483e; box-shadow: 0 2px 2px rgba(25, 72, 62, 0.175); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #19483e; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#19483e, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(25, 72, 62, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fa4444; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff5966; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #f91212; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #88a19c; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #50746d; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #50746d; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fa4444; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fa4444; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #e0e7e6; }
+
+.audio-selection-device:active { background-color: #2ac88d; color: white; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(25, 72, 62, 0.175); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(25, 72, 62, 0.25); -barlevel-active-background-color: #19483e; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(25, 72, 62, 0.175); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(25, 72, 62, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(25, 72, 62, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(25, 72, 62, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(25, 72, 62, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(25, 72, 62, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(25, 72, 62, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(25, 72, 62, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(25, 72, 62, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #e5eceb; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(25, 72, 62, 0.8); color: rgba(25, 72, 62, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #19483e; color: #19483e; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #2ac88d; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(25, 72, 62, 0.175); }
+
+.ws-switcher-indicator { background-color: rgba(25, 72, 62, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #19483e; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(25, 72, 62, 0.175); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(25, 72, 62, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(25, 72, 62, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #e0e7e6; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(25, 72, 62, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #19483e; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fa4444; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fb5d5d; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #f92121; }
+
+.screenshot-ui-shot-cast-container { background-color: #cad6d4; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #19483e; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(25, 72, 62, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(25, 72, 62, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: white; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.025); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(25, 72, 62, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(216, 224, 222, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(203, 214, 212, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(191, 204, 201, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #2ac88d; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #f6f9f9; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(42, 200, 141, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #2ac88d; background-color: rgba(42, 200, 141, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: white; background-color: #2ac88d; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(255, 255, 255, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #19483e; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fa4444; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #f88052; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: white; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(25, 72, 62, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #f88052; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(97, 222, 175, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: white; background-color: #2ae18e; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(42, 200, 141, 0.1); }
+
+.quick-toggle:checked:active { color: white; background-color: #219e6f; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(25, 72, 62, 0.075); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #19483e; background-color: #d2e8e2; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #c8e0da; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #bad5cd; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: white; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(25, 72, 62, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #19483e; background-color: #e5eceb; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #f6f9f9; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(255, 255, 255, 0.925); color: #19483e; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(25, 72, 62, 0.175); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #d1dad8; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #a3b6b2; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(25, 72, 62, 0.175); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: white; color: #19483e; border: 1px solid #e5eceb; box-shadow: none; border-color: rgba(25, 72, 62, 0.25); }
+
+.search-entry:focus { background-color: white; border-color: #2ac88d; color: #19483e; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #88a19c; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(255, 255, 255, 0.75); border-radius: 24px; border: 1px solid transparent; color: #19483e; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(25, 72, 62, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(25, 72, 62, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(25, 72, 62, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(25, 72, 62, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(25, 72, 62, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(25, 72, 62, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(25, 72, 62, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(25, 72, 62, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #19483e; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(25, 72, 62, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #19483e; }
+
+.dash-background { background-color: rgba(255, 255, 255, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(25, 72, 62, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #19483e; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(25, 72, 62, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(25, 72, 62, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #19483e; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(25, 72, 62, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(25, 72, 62, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(25, 72, 62, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #19483e; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; box-shadow: 0 2px 4px 0 rgba(250, 68, 68, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #19483e; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(25, 72, 62, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #19483e; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(25, 72, 62, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(25, 72, 62, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(25, 72, 62, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(25, 72, 62, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(42, 200, 141, 0.8); background-color: rgba(42, 200, 141, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(218, 227, 226, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #19483e; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #19483e; background-color: #ccd7d6; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #19483e; background-color: #bcd6cf; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #b3cfc8; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #a5c4bc; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #19483e; background-color: #c2d0ce; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #19483e; background-color: #b3c4c1; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: white; background-color: #2ac88d; background-gradient-direction: horizontal; background-gradient-start: #1bbe81; background-gradient-end: #2ae18e; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #19483e; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #19483e; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #19483e; color: #f6f9f9; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(25, 72, 62, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(25, 72, 62, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(25, 72, 62, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #19483e; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(25, 72, 62, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #19483e; background-color: #ccd7d6; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #19483e; background-color: #c2d0ce; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #2ac88d; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(97, 222, 175, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #2ac88d; -pie-background-color: rgba(118, 226, 186, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #2ac88d; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(42, 200, 141, 0.3); border: 1px solid #2ac88d; }
+
+.user-icon { background-size: contain; color: #19483e; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(25, 72, 62, 0.875); }
+
+.user-icon StIcon { background-color: rgba(25, 72, 62, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f88052; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #f6f9f9; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(42, 200, 141, 0.5); border: 1px solid #2ac88d; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(255, 255, 255, 0.9625); box-shadow: inset 0 1px 0 0 #e5eceb; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #19483e; background-color: rgba(25, 72, 62, 0.125); }
+
+.keyboard-key:focus { color: #19483e; background-color: rgba(34, 136, 102, 0.125); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(34, 136, 102, 0.2); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(34, 136, 102, 0.275); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.keyboard-key:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.2); }
+
+.keyboard-key:active { color: #19483e; background-color: rgba(25, 72, 62, 0.275); }
+
+.keyboard-key:checked { color: white; background-color: #2ac88d; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(25, 72, 62, 0.25); color: #88a19c; }
+
+.keyboard-key.default-key { color: #19483e; background-color: rgba(140, 164, 159, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #19483e; background-color: rgba(140, 164, 159, 0.2); }
+
+.keyboard-key.default-key:active { color: #19483e; background-color: rgba(140, 164, 159, 0.275); }
+
+.keyboard-key.default-key:checked { color: white; background-color: #2ac88d; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #2ac88d; color: white; border-color: transparent; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.keyboard-key.enter-key { color: #2ac88d; background-color: rgba(42, 200, 141, 0.125); border-radius: 12px; color: #19483e; }
+
+.keyboard-key.enter-key:hover { color: #2ac88d; background-color: rgba(42, 200, 141, 0.2); }
+
+.keyboard-key.enter-key:active { color: #2ac88d; background-color: rgba(42, 200, 141, 0.275); }
+
+.keyboard-key.enter-key:checked { color: white; background-color: #2ac88d; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #2ac88d; color: white; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #2ae18e; color: white; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(255, 255, 255, 0.925); -arrow-border-width: 1px; -arrow-border-color: #e5eceb; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #19483e; background-color: rgba(25, 72, 62, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #19483e; background-color: rgba(34, 136, 102, 0.125); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(34, 136, 102, 0.2); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(34, 136, 102, 0.275); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #19483e; background-color: rgba(25, 72, 62, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: white; background-color: #2ac88d; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #2ac88d; background-color: #2ac88d; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #19483e; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #19483e; background-color: rgba(34, 136, 102, 0.125); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(34, 136, 102, 0.2); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(34, 136, 102, 0.275); box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.7); }
+
+.word-suggestions StButton:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.2); }
+
+.word-suggestions StButton:active { color: #19483e; background-color: rgba(25, 72, 62, 0.275); }
+
+.word-suggestions StButton:checked { color: white; background-color: #2ac88d; box-shadow: 0 4px 8px rgba(42, 200, 141, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(255, 255, 255, 0.925); border-radius: 16px; border: 1px solid transparent; color: #19483e; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(25, 72, 62, 0.175); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #19483e; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #19483e; background-color: rgba(25, 72, 62, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #2ac88d; selected-color: white; }
+
+.lg-dialog .shell-link { color: #219e6f; }
+
+.lg-dialog .shell-link:hover { color: #2ac88d; }
+
+.lg-dialog .shell-link:active { color: #187452; }
+
+.lg-dialog .actor-link { color: #88a19c; }
+
+.lg-dialog .actor-link:hover { color: #a4b8b4; }
+
+.lg-dialog .actor-link:active { color: #6d8984; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(25, 72, 62, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(25, 72, 62, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #19483e; background-color: white; }
+
+.lg-extension:focus { background-color: #eafaf4; box-shadow: inset 0 0 0 2px rgba(42, 200, 141, 0.6); }
+
+.lg-extension:hover { color: #19483e; background-color: #e5eceb; }
+
+.lg-extension:active { color: #19483e; background-color: #dae3e2; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(255, 255, 255, 0.925); border: 1px solid rgba(25, 72, 62, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #19483e; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: #2d816f; }
+
+.lg-debug-flag-button:active { color: #050f0d; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #141414; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #141414; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #141414; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(246, 249, 249, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(246, 249, 249, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(246, 249, 249, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/process-working.svg
new file mode 100644
index 000000000..918d31a08
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-2.0/gtkrc
new file mode 100644
index 000000000..937ba8095
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#19483e\nbg_color:#f6f9f9\nbase_color:#fff\ntext_color:#19483e\nselected_bg_color:#2ac88d\nselected_fg_color:#fff\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#f6f9f9\npanel_fg_color:#19483e"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..d6322e4ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #bbf1dd; }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #bbf1dd; background-color: #1b2421; }
+
+.gtkstyle-fallback:hover { color: #bbf1dd; background-color: #31413b; }
+
+.gtkstyle-fallback:active { color: #bbf1dd; background-color: #050706; }
+
+.gtkstyle-fallback:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.gtkstyle-fallback:selected { color: #151c19; background-color: #bbf1dd; }
+
+.view, iconview, .view text, iconview text, textview text { color: #bbf1dd; background-color: #151c19; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #18201d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #bbf1dd; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #1b2421; border-top: 1px solid #27332f; }
+
+assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #3b4d46; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #6e837b; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(187, 241, 221, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #151c19; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #151c19; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2), inset 0 0 0 2px #bbf1dd; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #151c19; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #9ac6b6; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #bbf1dd; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #5b6e67; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #151c19; background-color: #bbf1dd; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #e6faf2; }
+
+:backdrop .entry-tag { color: #131716; background-color: #bbf1dd; }
+
+.entry-tag.button { background-color: transparent; color: rgba(21, 28, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #bbf1dd; color: #151c19; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #bbf1dd; color: #151c19; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#bbf1dd), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #131716; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #6e837b; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #3a4944; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #3a4944; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #131716; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #131716; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #3a4944; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #3a4944; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #6e837b; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #6e837b; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bbf1dd), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.901176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #6e837b; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #3a4944; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #3a4944; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #e6faf2; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #737775; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #2c3330; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #e6faf2; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #3f4844; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(240, 240, 240, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(230, 250, 242, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #3f4844; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #151c19; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #131716; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #3a4944; background-color: #181e1c; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:backdrop:disabled { color: #3a4944; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #181e1c; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #1b2421; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #181e1c; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #1b2421 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #bbf1dd 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #1b2421; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #252e2b; background-color: #181e1c; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #151c19; border-color: transparent; background-color: #bbf1dd; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #151c19; background-color: #bbf1dd; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #151c19; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #afe1ce; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #a7d6c4; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #9ac6b6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #92bcac 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #3a4944; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #6e837b; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #3a4944; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(187, 241, 221, 0); background-color: rgba(187, 241, 221, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(21, 28, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #131716; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(187, 241, 221, 0.125); border-top-color: #1b2421; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #495a54; border-top-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view:disabled { color: #6b8a7f; }
+
+treeview.view:disabled:selected { color: #799c8f; }
+
+treeview.view:disabled:selected:backdrop { color: #5e726b; }
+
+treeview.view:disabled:backdrop { color: #3a4944; }
+
+treeview.view.separator { min-height: 2px; color: #1b2421; }
+
+treeview.view.separator:backdrop { color: #181e1c; }
+
+treeview.view:backdrop { border-left-color: #43514c; border-top: #181e1c; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #bbf1dd; }
+
+treeview.view.expander:selected { color: #475c54; }
+
+treeview.view.expander:selected:hover { color: #151c19; }
+
+treeview.view.expander:selected:backdrop { color: #333e3a; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #52635d; }
+
+treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+treeview.view header button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #bbf1dd; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #1b2421; background-image: none; }
+
+treeview.view header button:backdrop { color: #43514c; border-color: #181e1c; border-style: none solid solid none; background-image: none; background-color: #131716; }
+
+treeview.view header button:backdrop:disabled { border-color: #181e1c; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #181e1c; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #2b3833; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #151c19; border: 1px solid rgba(39, 51, 47, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #131716; border-color: rgba(37, 46, 43, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #bbf1dd; background-color: #2b3833; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6b8a7f; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #3a4944; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6e837b; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #151c19; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #26312d; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #26312d; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #2e3c36; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #131716; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #151c19; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #131716; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(37, 46, 43, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(187, 241, 221, 0.1); }
+
+notebook > header tab:backdrop { color: #6e837b; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #252e2b; border-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; }
+
+scrollbar slider:hover { background-color: #9bc8b7; }
+
+scrollbar slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar slider:backdrop { background-color: #54655f; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #bbf1dd; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #bbf1dd; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7b9f92; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #9bc8b7; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(123, 159, 146, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #54655f; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(84, 101, 95, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: transparent; }
+
+switch:checked { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 4px rgba(19, 23, 22, 0.075); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #27332f; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #151c19; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#bbf1dd); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #27332f; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #bbf1dd; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3f514a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #2e3734; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #1b2421; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(187, 241, 221, 0.5)), to(rgba(187, 241, 221, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(187, 241, 221, 0.1)), to(rgba(187, 241, 221, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#252e2b), to(rgba(37, 46, 43, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #27332f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #252e2b 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #bbf1dd; background-color: #151c19; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #151c19; }
+
+list.content row:backdrop { background-color: #131716; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #1b2421; }
+
+row list.nested > row.activatable:backdrop { background-color: #181e1c; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #131716; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #6b8a7f; }
+
+expander title > arrow:disabled:backdrop { color: #3a4944; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(187, 241, 221, 0.45); }
+
+calendar.button:hover { color: #bbf1dd; }
+
+calendar.button:backdrop { color: rgba(110, 131, 123, 0.45); }
+
+calendar.button:disabled { color: rgba(107, 138, 127, 0.45); }
+
+calendar.highlight { color: #6b8a7f; }
+
+calendar.highlight:backdrop { color: #3a4944; }
+
+calendar:backdrop { color: #6e837b; border-color: #252e2b; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #252e2b; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #181e1c; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #27332f; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #addfcc; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #151c19; }
+
+placessidebar row:disabled { color: #6b8a7f; }
+
+placessidebar row:backdrop { color: #6e837b; }
+
+placessidebar row:backdrop:selected { color: #131716; }
+
+placessidebar row:backdrop:disabled { color: #3a4944; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #1b2421; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #181e1c; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #6e837b; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #3a4944; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #050706; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #e6faf2; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #6e837b; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #121715; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #27332f; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #bbf1dd; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #151c19; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #68867b; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #89afa1; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #3f524b; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #bbf1dd; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #739488; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #bbf1dd; }
+
+cursor-handle:hover { color: #fbfefd; }
+
+cursor-handle:active { color: #bbf1dd; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+.keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #bbf1dd; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #2b3833; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #151c19; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #27332f; }
+
+window.background.chromium > textview.view { background-color: #1b2421; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #27332f; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #151c19; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #151c19; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #27332f; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #1e2623; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #27332f 6px, rgba(39, 51, 47, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #1e2623 6px, rgba(30, 38, 35, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #6e837b; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #131716; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #3a4944; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #739588; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #475650; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(21, 28, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(19, 23, 22, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(187, 241, 221, 0.4); color: rgba(187, 241, 221, 0.4); }
+
+.disk-space-display.used { background-color: #bbf1dd; color: #bbf1dd; }
+
+.disk-space-display.free { background-color: rgba(187, 241, 221, 0.1); color: rgba(187, 241, 221, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(187, 241, 221, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #151c19; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #1b2421; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #7d998f; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #131716; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #151c19; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #131716; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #1b2421; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #181e1c; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #bbf1dd; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #bbf1dd; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #151c19; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #131716; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #9ac6b6; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(187, 241, 221, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-image: none; background-color: #2f3d38; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #232b28; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #6e837b; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #151c19; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #131716; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #1b2421; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(187, 241, 221, 0.1), 0 0 0 1px #1b2421; }
+
+terminal-window decoration:backdrop { background-color: #181e1c; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(110, 131, 123, 0.125), 0 0 0 1px #181e1c; }
+
+terminal-window .terminal-screen { background-color: #1b2421; color: #bbf1dd; }
+
+terminal-window .terminal-screen:backdrop { background-color: #181e1c; color: #6e837b; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #151c19; }
+
+.tweak-group-startup:backdrop { background-color: #131716; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #27332f; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #252e2b; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #151c19; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #131716; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #1b2421; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #2f3d38; color: #bbf1dd; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #181e1c; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #232b28; color: #6e837b; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #1b2421; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #1b2421; color: #bbf1dd; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #151c19; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #27332f; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #bbf1dd; }
+
+wnck-pager { background-color: #212c28; }
+
+wnck-pager:hover { background-color: #2a3731; }
+
+wnck-pager:selected { background-color: #364740; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #bbf1dd; color: #151c19; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #151c19; border: none; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#bbf1dd); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #abdcca;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #68867b;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #151c19;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk.css
new file mode 100644
index 000000000..b09105d77
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-3.0/gtk.css
@@ -0,0 +1,2456 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fa4444; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #2ac88d; }
+
+/*************** Base States * */
+.background { color: #19483e; background-color: #f6f9f9; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: gray; background-color: #f8f8f8; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #19483e; background-color: #f6f9f9; }
+
+.gtkstyle-fallback:hover { color: #19483e; background-color: white; }
+
+.gtkstyle-fallback:active { color: #19483e; background-color: #d7e5e5; }
+
+.gtkstyle-fallback:disabled { color: #88a19c; background-color: #f6f9f9; }
+
+.gtkstyle-fallback:selected { color: white; background-color: #2ac88d; }
+
+.view, iconview, .view text, iconview text, textview text { color: #19483e; background-color: white; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #88a19c; background-color: #f6f9f9; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: gray; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #fbfcfc; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #219e6f; background-color: rgba(33, 158, 111, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #88a19c; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.accent { color: #2ac88d; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #f6f9f9; border-top: 1px solid #e5eceb; }
+
+assistant .sidebar:backdrop { background-color: #f8f8f8; border-color: #ececec; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #cad6d4; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #19483e; border: none; background-color: white; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(229, 236, 235, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: gray; background-color: white; box-shadow: inset 0 0 0 1px rgba(236, 236, 236, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: gray; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(25, 72, 62, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #19483e; background-color: white; box-shadow: inset 0 0 0 1px #e5eceb; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #19483e; background-color: white; box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2), inset 0 0 0 2px #2ac88d; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #88a19c; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: gray; background-color: white; box-shadow: inset 0 0 0 1px #ececec; border-color: #f8f8f8; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fa4444; background-color: white; box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2), inset 0 0 0 2px #2ac88d; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: white; background-color: #fa4444; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #f88052; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #f88052; background-color: white; box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2), inset 0 0 0 2px #2ac88d; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: white; background-color: #f88052; }
+
+spinbutton:not(.vertical) image, entry image { color: #476d65; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #19483e; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #2ac88d; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #999999; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #2ac88d; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: white; background-color: #2ac88d; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #4cd9a4; }
+
+:backdrop .entry-tag { color: white; background-color: #2ac88d; }
+
+.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #2ac88d; color: white; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #2ac88d; color: white; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2ac88d), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2ac88d), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cfdad8; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: gray; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: gray; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: gray; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #939393; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: white; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #e3e3e3; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: gray; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: gray; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d1d1d1; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #2ac88d; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#2ae18e); background-color: #2ae18e; box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #219e6f; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #797979; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #606060; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: gray; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(42, 200, 141, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #88a19c; background-color: #3fce98; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #f91212; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #868686; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #88a19c; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #426961; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #19483e; background-color: rgba(25, 72, 62, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: gray; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(49, 49, 49, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: gray; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2ac88d), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.inline-toolbar toolbutton > button { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: gray; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: gray; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: gray; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #d1d1d1; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #e0e7e6; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #219e6f; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #187452; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #a3c7ba; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #2ac88d; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #eafaf4; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #219e6f; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #d3ece2; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(96, 96, 96, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(33, 158, 111, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #d3ece2; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #e5eceb; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #ececec; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #19483e; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #88a19c; background-color: #f6f9f9; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #88a19c; }
+
+spinbutton.vertical:backdrop:disabled { color: #d1d1d1; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #f6f9f9; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #f8f8f8; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #f6f9f9; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #f8f8f8; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #f6f9f9 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #2ac88d 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #f6f9f9; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #ececec; background-color: #f8f8f8; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: white; border-color: transparent; background-color: #2ac88d; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: white; background-color: #2ac88d; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: white; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #3acc96; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #45cf9b; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #55d3a4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #5fd6aa 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: gray; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: gray; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: gray; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #88a19c; background-color: #3fce98; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: gray; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(42, 200, 141, 0); background-color: rgba(42, 200, 141, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: gray; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: gray; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #939393; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e5eceb; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ececec; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #e5eceb; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ececec; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #f6f9f9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(42, 200, 141, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f6f9f9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f9f9); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #939393; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: white; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(25, 72, 62, 0.125); border-top-color: #f6f9f9; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #c9c9c9; border-top-color: rgba(128, 128, 128, 0.1); }
+
+treeview.view:disabled { color: #88a19c; }
+
+treeview.view:disabled:selected { color: #7fdebb; }
+
+treeview.view:disabled:selected:backdrop { color: #b3b3b3; }
+
+treeview.view:disabled:backdrop { color: #d1d1d1; }
+
+treeview.view.separator { min-height: 2px; color: #f6f9f9; }
+
+treeview.view.separator:backdrop { color: #f8f8f8; }
+
+treeview.view:backdrop { border-left-color: #bcbcbc; border-top: #f8f8f8; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #27b982; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #5e7f78; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #19483e; }
+
+treeview.view.expander:selected { color: #bfefdd; }
+
+treeview.view.expander:selected:hover { color: white; }
+
+treeview.view.expander:selected:backdrop { color: #dedede; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #a6a6a6; }
+
+treeview.view.progressbar { color: white; background-color: #2ac88d; background: linear-gradient(to right, #1bbe81, #2ae18e); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: white; background-color: #939393; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #2ac88d; background-color: white; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #939393; background-color: white; }
+
+treeview.view.trough { background-color: rgba(25, 72, 62, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(128, 128, 128, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view header button { color: #8ca49f; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #53766f; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #19483e; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #2ac88d; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #2ac88d; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #eaf0ef; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #f6f9f9; background-image: none; }
+
+treeview.view header button:backdrop { color: #bcbcbc; border-color: #f8f8f8; border-style: none solid solid none; background-image: none; background-color: white; }
+
+treeview.view header button:backdrop:disabled { border-color: #f8f8f8; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #f8f8f8; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #e0e7e6; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #88a19c; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: white; border: 1px solid rgba(229, 236, 235, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: white; border-color: rgba(236, 236, 236, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #19483e; background-color: #e0e7e6; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #88a19c; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d1d1d1; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: gray; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: white; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #e8edec; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #e8edec; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #dde4e2; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: white; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: white; box-shadow: 0 2px 4px 1px rgba(25, 72, 62, 0.225); }
+
+.csd popover.background, popover.background { border: none; border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: white; box-shadow: 0 1px 2px 1px rgba(49, 49, 49, 0.225); border-color: transparent; }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #e5eceb; }
+
+notebook > header:backdrop { background-color: #ececec; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #426961; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(25, 72, 62, 0.1); }
+
+notebook > header tab:backdrop { color: gray; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #19483e; background-color: white; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+notebook > header tab:backdrop:checked { color: gray; background-color: white; box-shadow: 0 1px 2px rgba(49, 49, 49, 0.075); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e5eceb; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #ececec; border-color: #ececec; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #718f89; }
+
+scrollbar slider:hover { background-color: #456b63; }
+
+scrollbar slider:hover:active { background-color: #19483e; }
+
+scrollbar slider:backdrop { background-color: #a4a4a4; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #19483e; border: 1px solid white; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #19483e; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #718f89; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #456b63; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #19483e; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(113, 143, 137, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a4a4a4; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(164, 164, 164, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #cad6d4; background-image: none; color: transparent; }
+
+switch:checked { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+switch:disabled { background-color: #e5eceb; background-image: none; }
+
+switch:disabled:checked { background-color: #a8bbb7; background-image: none; }
+
+switch:backdrop { background-color: #d8d8d8; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #939393; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ececec; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cccccc; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(25, 72, 62, 0.225); }
+
+switch:disabled slider { background-color: #f6f9f9; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f8f8f8; box-shadow: 0 2px 4px rgba(128, 128, 128, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #cad6d4; color: #19483e; }
+
+check:hover, radio:hover { background: image(#f4f6f5); }
+
+check:active, radio:active { background: image(#e8edec); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fbfcfc; color: rgba(25, 72, 62, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fefefe; box-shadow: inset 0 0 0 1px #d0d0d0; color: #19483e; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fcfcfc; color: rgba(25, 72, 62, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#29c289); }
+
+check:checked:active, radio:checked:active { background: image(#28bb85); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #90e1c3; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #939393; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #b9b9b9; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#29c289); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#28bb85); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #90e1c3; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #939393; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #b9b9b9; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #2ac88d; padding: 0; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #27b982; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #8b8b8b; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #e5eceb; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #e5eceb; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #ececec; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid white; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #2ac88d; background: linear-gradient(to right, #1bbe81, #2ae18e); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: linear-gradient(to top, #1bbe81, #2ae18e); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #cad6d4; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #939393; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #d8d8d8; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #e5eceb; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: white; box-shadow: 0 1.5px 2px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.15); }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(42, 200, 141, 0.2), 0 0 0 1px rgba(40, 183, 130, 0.325); }
+
+scale slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(25, 72, 62, 0.225); }
+
+scale slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.15); }
+
+scale slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(49, 49, 49, 0.225); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #2ae18e; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #41e49a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #2ac88d; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #cad6d4; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #939393; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #2ae18e; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #41e49a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #2ac88d; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #cad6d4; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #939393; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #2ae18e; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #41e49a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #2ac88d; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #cad6d4; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #939393; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #2ae18e; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #41e49a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #2ac88d; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #cad6d4; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #939393; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(25, 72, 62, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #2ac88d; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(42, 225, 142, 0)), linear-gradient(to right, rgba(42, 225, 142, 0), #2ae18e 60%, rgba(42, 225, 142, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #939393; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #cad6d4; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #d8d8d8; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid gray; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: gray; border: 1px solid #595959; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #f6f9f9; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #f8f8f8; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e5eceb; }
+
+actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(42, 200, 141, 0.5)), to(rgba(42, 200, 141, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(42, 200, 141, 0.1)), to(rgba(42, 200, 141, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(42, 200, 141, 0.5)), to(rgba(42, 200, 141, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(42, 200, 141, 0.1)), to(rgba(42, 200, 141, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(42, 200, 141, 0.5)), to(rgba(42, 200, 141, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(42, 200, 141, 0.1)), to(rgba(42, 200, 141, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(42, 200, 141, 0.5)), to(rgba(42, 200, 141, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(42, 200, 141, 0.1)), to(rgba(42, 200, 141, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#ececec), to(rgba(236, 236, 236, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(25, 72, 62, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(49, 49, 49, 0.225); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #e5eceb 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #ececec 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #e5eceb; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #19483e; background-color: white; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: white; color: gray; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: white; }
+
+list.content row:backdrop { background-color: white; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #f6f9f9; }
+
+row list.nested > row.activatable:backdrop { background-color: #f8f8f8; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; background-color: rgba(25, 72, 62, 0.075); }
+
+row.activatable:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: gray; }
+
+row.activatable:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #939393; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: white; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(25, 72, 62, 0.225); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(49, 49, 49, 0.225); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: #40baa0; }
+
+expander title > arrow:disabled { color: #88a19c; }
+
+expander title > arrow:disabled:backdrop { color: #d1d1d1; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #19483e; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(25, 72, 62, 0.45); }
+
+calendar.button:hover { color: #19483e; }
+
+calendar.button:backdrop { color: rgba(128, 128, 128, 0.45); }
+
+calendar.button:disabled { color: rgba(136, 161, 156, 0.45); }
+
+calendar.highlight { color: #88a19c; }
+
+calendar.highlight:backdrop { color: #d1d1d1; }
+
+calendar:backdrop { color: gray; border-color: #ececec; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f6f9f9; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e5eceb; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #ececec; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #f8f8f8; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #e5eceb; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e5eceb; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #e5eceb; }
+
+separator.sidebar:backdrop { background-color: #ececec; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #27b982; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: white; }
+
+placessidebar row:disabled { color: #88a19c; }
+
+placessidebar row:backdrop { color: gray; }
+
+placessidebar row:backdrop:selected { color: white; }
+
+placessidebar row:backdrop:disabled { color: #d1d1d1; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #2ac88d; }
+
+placessidebar row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(25, 72, 62, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(49, 49, 49, 0.225); }
+
+placesview list { background-color: #f6f9f9; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #f8f8f8; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e5eceb); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#2ac88d); }
+
+paned > separator:backdrop { background-image: image(#ececec); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f9f9; background-image: image(#e5eceb), image(#e5eceb); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f8f8f8; background-image: image(#ececec), image(#ececec); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f6f9f9; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f6f9f9; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: gray; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #d1d1d1; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #d7e5e5; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #219e6f; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark overlay { border-color: #2ac88d; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #efefef; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: gray; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #eef4f4; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #f1f1f1; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(25, 72, 62, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.05); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(25, 72, 62, 0.05), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.05), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(25, 72, 62, 0.05); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px transparent; }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.05); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #e5eceb; border: solid 1px #e5eceb; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2ac88d; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: white; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #95e4c6; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: white; background-color: #939393; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #6ad9af; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #c8eee1; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #1b5546; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #7fa59b; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #e1e1e1; color: #828282; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #cbcbcb; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #2ac88d; }
+
+cursor-handle:hover { color: #61deaf; }
+
+cursor-handle:active { color: #2ac88d; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #19483e; background-color: white; border: 1px solid; border-color: #eef3f2; border-radius: 5px; box-shadow: inset 0 -3px #f8fafa; font-size: smaller; }
+
+.keycap:backdrop { background-color: white; color: gray; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e5eceb; }
+
+button.emoji-section:checked { color: #19483e; border-color: #2ac88d; }
+
+button.emoji-section:checked:backdrop { color: gray; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #2ac88d; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #e0e7e6; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: white; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #e5eceb; }
+
+window.background.chromium > textview.view { background-color: #f6f9f9; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cfdad8; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(25, 72, 62, 0.225); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(49, 49, 49, 0.225); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: white; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(25, 72, 62, 0.225); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(49, 49, 49, 0.225); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: white; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #e5eceb; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #efefef; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #e5eceb 6px, rgba(229, 236, 235, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #e5eceb 6px, rgba(229, 236, 235, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #efefef 6px, rgba(239, 239, 239, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #efefef 6px, rgba(239, 239, 239, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: gray; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: gray; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #939393; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: white; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #7c9892; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #b6b6b6; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(255, 255, 255, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(255, 255, 255, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(25, 72, 62, 0.4); color: rgba(25, 72, 62, 0.4); }
+
+.disk-space-display.used { background-color: #2ac88d; color: #2ac88d; }
+
+.disk-space-display.free { background-color: rgba(25, 72, 62, 0.1); color: rgba(25, 72, 62, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(25, 72, 62, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: white; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #f6f9f9; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #939393; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: white; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: white; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: white; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: none; box-shadow: 0 1px 4px 1px rgba(25, 72, 62, 0.225); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(49, 49, 49, 0.225); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #f6f9f9; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #f8f8f8; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #2ac88d; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #2ac88d; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #e5eceb; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #ececec; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #426961; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(25, 72, 62, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: gray; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(49, 49, 49, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: gray; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #19483e; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: gray; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #f6f9f9; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(25, 72, 62, 0.225), 0 0 0 2px rgba(25, 72, 62, 0.05), 0 0 0 1px #f6f9f9; }
+
+terminal-window decoration:backdrop { background-color: #f8f8f8; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(49, 49, 49, 0.225), 0 0 0 2px rgba(128, 128, 128, 0.05), 0 0 0 1px #f8f8f8; }
+
+terminal-window .terminal-screen { background-color: #f6f9f9; color: #19483e; }
+
+terminal-window .terminal-screen:backdrop { background-color: #f8f8f8; color: gray; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: white; }
+
+.tweak-group-startup:backdrop { background-color: white; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #e5eceb; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #ececec; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: white; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: white; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #f6f9f9; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #dae3e2; color: #19483e; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #f8f8f8; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #e9e9e9; color: gray; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #f6f9f9; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #f6f9f9; color: #19483e; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: white; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #e5eceb; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #19483e; background-color: #dae3e2; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #19483e; }
+
+wnck-pager { background-color: #eef1f1; }
+
+wnck-pager:hover { background-color: #e2e8e7; }
+
+wnck-pager:selected { background-color: #d1dad8; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #2ac88d; color: white; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: white; border: none; box-shadow: inset 0 0 0 1px rgba(229, 236, 235, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: linear-gradient(to right, #1bbe81, #2ae18e); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #19483e;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #19483e;
+/*
+widget base background color */
+@define-color theme_bg_color #f6f9f9;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #2ac88d;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f6f9f9;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #88a19c;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color gray;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #19483e;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f8f8f8;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #2ac88d;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e5eceb;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ececec;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #8ca49f;
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#19483e, 1.8);
+@define-color wm_unfocused_title gray;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f6f9f9, 1.2);
+@define-color wm_bg_b #f6f9f9;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f6f9f9, 1.3);
+@define-color wm_button_hover_color_b #f6f9f9;
+@define-color wm_button_active_color_a shade(#f6f9f9, 0.85);
+@define-color wm_button_active_color_b shade(#f6f9f9, 0.89);
+@define-color wm_button_active_color_c shade(#f6f9f9, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..f3da90cd7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #bbf1dd; background-color: #1b2421; }
+
+.background:backdrop { color: #6e837b; background-color: #181e1c; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #bbf1dd; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #bbf1dd; background-color: #151c19; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #6b8a7f; background-color: #1b2421; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #6e837b; background-color: #131716; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #18201d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #addfcc; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #91e8c8; background-color: rgba(145, 232, 200, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #2b3833; }
+
+gridview > child.activatable:active { background-color: #33433d; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #bbf1dd; background-color: #151c19; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(187, 241, 221, 0.3); }
+
+label:disabled { color: #6b8a7f; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #3a4944; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #1b2421; padding: 6px; border-top: 1px solid #27332f; }
+
+window.assistant .sidebar:backdrop { background-color: #181e1c; border-color: #252e2b; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #2b3833; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #bbf1dd; border: none; background-color: #151c19; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(39, 51, 47, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px rgba(37, 46, 43, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #bbf1dd; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #6e837b; background-color: #131716; box-shadow: inset 0 0 0 1px #252e2b; border-color: #181e1c; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #3a4944; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #151c19; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #9ac6b6; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #bbf1dd; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #5b6e67; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #5b6e67; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #bbf1dd; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #151c19; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #151c19; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #bbf1dd; background-color: #151c19; box-shadow: inset 0 0 0 1px #27332f; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #739488; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #bbf1dd 0%, rgba(187, 241, 221, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #bbf1dd 95%, rgba(187, 241, 221, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #bbf1dd; background-color: #374842; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #6e837b; background-color: #27302d; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #151c19; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #131716; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #bbf1dd; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #151c19; background: image(#cef8e5); background-color: #cef8e5; box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #91e8c8; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(187, 241, 221, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #b7ebd8; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #131716; background-color: #bdf0dd; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #93e6c7; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #b5e4d3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #151c19; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #151c19; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #131716; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #131716; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #3a4944; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #bbf1dd 96%, rgba(187, 241, 221, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #2b3833; }
+
+modelbutton.flat:disabled { color: #6b8a7f; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #151c19; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #e6faf2; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #737775; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #2c3330; }
+
+button.link:active, link:active { color: #e6faf2; }
+
+*:selected button.link:active, *:selected link:active { color: #3f4844; }
+
+button.link:disabled, link:disabled { color: rgba(240, 240, 240, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #3f4844; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #bbf1dd; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #6b8a7f; background-color: #1b2421; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #3a4944; background-color: #181e1c; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #6b8a7f; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #3f524b; color: #bbf1dd; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #739488; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #41514b; }
+
+spinbutton.vertical > text > block-cursor { color: #151c19; background-color: #bbf1dd; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #bbf1dd; background-color: #2b3833; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #27332f; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #1b2421; }
+
+searchbar > revealer > box:backdrop { background-color: #181e1c; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #1b2421; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #1b2421; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #bbf1dd; background-color: #1b2421; box-shadow: inset -1px 0 #27332f; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #6e837b; background-color: #181e1c; background-image: none; box-shadow: inset -1px 0 #252e2b; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #252e2b; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #27332f; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #252e2b; }
+
+window.devel headerbar.titlebar { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(187, 241, 221, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #1b2421 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b2421); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #27332f; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #27332f; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #364740; border-top-color: #364740; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #6b8a7f; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #799c8f; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #89afa1; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #364740; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #27312d; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #27312d; border-top-color: #27312d; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #addfcc; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #89b1a2; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #bbf1dd; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #475c54; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #151c19; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #131716; background-color: #7d998f; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #bbf1dd; background-color: #151c19; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #7d998f; background-color: #131716; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(187, 241, 221, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(110, 131, 123, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(21, 28, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #68867b; background-color: #151c19; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #68867b; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #92bbac; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #92bbac; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #bbf1dd; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #bbf1dd; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #43514c; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #151c19; background-image: none; background-color: #bbf1dd; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #151c19; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #bbf1dd; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #364740; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #1b2421; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #151c19; background-clip: padding-box; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #27332f; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #151c19; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#2b3833); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #33433d; border-color: #33433d; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #151c19; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #bbf1dd; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #bbf1dd; background-color: #2b3833; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #bbf1dd; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #bbf1dd; background-color: #33433d; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #3b4d46 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #bbf1dd; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #2b3833; }
+
+menubar > item:disabled { color: #6b8a7f; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #151c19; }
+
+notebook > header:backdrop { background-color: #131716; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #9ac6b6; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #6e837b; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #232b28; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #27332f; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b9f92; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #9bc8b7; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #bbf1dd; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #54655f; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#bbf1dd,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#27332f,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #27332f; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #3b4d46; background-image: none; color: #bbf1dd; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+switch:disabled { background-color: #27332f; background-image: none; }
+
+switch:disabled:checked { background-color: #546c63; background-image: none; }
+
+switch:backdrop { background-color: #36423d; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #7d998f; background-image: none; }
+
+switch:backdrop:disabled { background-color: #252e2b; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #3b4843; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #151c19; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(21, 28, 25, 0.6); }
+
+switch:disabled slider { background-color: #1b2421; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #181e1c; box-shadow: 0 2px 8px rgba(22, 27, 25, 0.45); }
+
+switch:checked slider { background-color: #151c19; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #131716; }
+
+row:selected switch { outline-color: #151c19; box-shadow: none; box-shadow: inset 0 0 0 1px #151c19; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#151c19); box-shadow: inset 0 0 0 1px #3b4d46; color: #bbf1dd; }
+
+check:hover, radio:hover { background: image(#1d2723); }
+
+check:active, radio:active { background: image(#26312d); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #18201d; color: rgba(187, 241, 221, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #171c1a; box-shadow: inset 0 0 0 1px #3d4b46; color: #bbf1dd; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #191f1d; color: rgba(187, 241, 221, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:checked:hover, radio:checked:hover { background: image(#bbf1dd); }
+
+check:checked:active, radio:checked:active { background: image(#bbf1dd); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#bbf1dd); box-shadow: none; color: #151c19; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#bbf1dd); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#bbf1dd); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #6b8a7f; color: rgba(21, 28, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #8dafa2; box-shadow: none; color: #151c19; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #6f867e; color: rgba(21, 28, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #151c19; border: 1px solid #addfcc; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #91b7a8; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #27332f; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #27332f; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #252e2b; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #252e2b; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #151c19; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #bbf1dd; background: image(#bbf1dd); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#bbf1dd); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #3b4d46; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #7d998f; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #36423d; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #151c19; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #bbf1dd; outline: none; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: #d0f5e7; box-shadow: 0 2px 3px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #bbf1dd; box-shadow: 0 1.5px 2px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #3f514a; box-shadow: 0 1.5px 2px 1px rgba(21, 28, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #7d998f; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #2e3734; box-shadow: 0 1.5px 2px 1px rgba(22, 27, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(187, 241, 221, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(21, 28, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(22, 27, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(187, 241, 221, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #bbf1dd; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(155, 200, 183, 0)), linear-gradient(to right, rgba(155, 200, 183, 0), #9bc8b7 60%, rgba(155, 200, 183, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #bbf1dd; background: image(#bbf1dd); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #7d998f; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #3b4d46; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #36423d; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #bbf1dd; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1b2421; }
+
+frame:backdrop, .frame:backdrop { border-color: #181e1c; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #27332f; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at top, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at bottom, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at left, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.5) 85%, rgba(187, 241, 221, 0)), radial-gradient(farthest-side at right, rgba(187, 241, 221, 0.1), rgba(187, 241, 221, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #252e2b 85%, rgba(37, 46, 43, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+scrolledwindow > junction { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to right, transparent 1px, #27332f 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #27332f, linear-gradient(to bottom, transparent 1px, #27332f 1px), linear-gradient(to left, transparent 1px, #27332f 1px); }
+
+separator { background: #27332f; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #bbf1dd; background-color: #151c19; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #131716; color: #6e837b; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #27332f; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #bbf1dd; }
+
+row.activatable:backdrop { color: #6e837b; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6e837b; }
+
+row.activatable:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+row.activatable:selected { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+row.activatable:selected label { color: #151c19; }
+
+row.activatable:selected:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #364740; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #bbf1dd; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #7d998f; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(187, 241, 221, 0.3); color: #bbf1dd; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #27332f; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #252e2b; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 4px 1px rgba(21, 28, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 2px 1px rgba(22, 27, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #6b8a7f; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #bbf1dd; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #27332f; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #bbf1dd; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#bbf1dd,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #1b2421; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #27332f; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #1b2421; }
+
+.sidebar:backdrop { background-color: #181e1c; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #27332f; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #27332f; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #252e2b; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #2b3833; border-radius: 8px; color: #bbf1dd; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #202a26; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #27332f; }
+
+separator.sidebar:backdrop { background-color: #252e2b; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #6b8a7f; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #bbf1dd; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #151c19; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(21, 28, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(22, 27, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#27332f); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#bbf1dd); }
+
+paned > separator:backdrop { background-image: image(#252e2b); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #1b2421; background-image: image(#27332f), image(#27332f); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #181e1c; background-image: image(#252e2b), image(#252e2b); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #27332f; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #252e2b; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #27332f; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #252e2b; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #27332f, inset -1px 0 #27332f; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #252e2b, inset -1px 0 #252e2b; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #27332f; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #252e2b; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #27332f, inset 0 -1px #27332f; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #252e2b, inset 0 -1px #252e2b; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #bbf1dd; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #151c19; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #161d1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #bbf1dd; }
+
+.content-view .tile:disabled { background-color: #1b2421; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(187, 241, 221, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(21, 28, 25, 0.6), 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(22, 27, 25, 0.6), 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #27332f; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(187, 241, 221, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(110, 131, 123, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #bbf1dd; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #151c19; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #68867b; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #131716; background-color: #7d998f; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #89afa1; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #3f524b; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #bbf1dd; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #739488; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #2f3a36; color: #6f857d; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #41514b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #bbf1dd; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #bbf1dd; background-color: #151c19; border: 1px solid; border-color: #27332f; border-radius: 5px; box-shadow: inset 0 -3px #202a26; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #131716; color: #6e837b; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #27332f; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #27332f; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #27332f; background-color: transparent; }
+
+button.emoji-section:checked { color: #bbf1dd; border-color: #bbf1dd; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #6e837b; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #bbf1dd; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #bbf1dd; color: #151c19; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #2b3833; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #bbf1dd; background-color: #27332f; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #27332f; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #252e2b; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #bbf1dd; }
+
+indicatorbin.needs-attention > indicator > label { color: #151c19; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #3b4d46; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #36423d; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #bbf1dd; color: #151c19; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #151c19; }
+
+splitbutton.opaque { background-color: #33433d; color: #bbf1dd; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #bbf1dd; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #27332f; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested { margin: 12px; background-color: #1b2421; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #181e1c; }
+
+row.expander list.nested > row { border-bottom: 1px solid #27332f; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #252e2b; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(39, 51, 47, 0.75); box-shadow: 0 1px 8px 1px rgba(21, 28, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(37, 46, 43, 0.75); box-shadow: 0 1px 4px 1px rgba(22, 27, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #bbf1dd; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #3b4d46; }
+
+tabbar tabbox > separator:backdrop { background-color: #36423d; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #bbf1dd; }
+
+tabbar tab { color: #9ac6b6; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #6e837b; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #bbf1dd; background-color: #2f3d38; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #6e837b; background-color: #232b28; box-shadow: 0 1px 4px rgba(22, 27, 25, 0.45); }
+
+tabbar tab:hover { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #6e837b; background-color: rgba(110, 131, 123, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #151c19; color: #bbf1dd; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #131716; color: #6e837b; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #2f3d38; background-image: none; color: #bbf1dd; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); outline: 1px solid rgba(187, 241, 221, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #bbf1dd; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #bbf1dd; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #bbf1dd; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#bbf1dd,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(187, 241, 221, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(110, 131, 123, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #151c19; color: #bbf1dd; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#151c19,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#151c19,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#151c19,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #151c19; color: #bbf1dd; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #131716; color: #6e837b; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #bbf1dd; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #bbf1dd; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #151c19; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #131716; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(21, 28, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(22, 27, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(187, 241, 221, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(110, 131, 123, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.35), alpha(rgba(21, 28, 25, 0.6),0.1) 40px, alpha(rgba(21, 28, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(21, 28, 25, 0.6),0.2), alpha(rgba(21, 28, 25, 0.6),0.1) 7px, alpha(rgba(21, 28, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.35), alpha(rgba(22, 27, 25, 0.6),0.1) 40px, alpha(rgba(22, 27, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(22, 27, 25, 0.6),0.2), alpha(rgba(22, 27, 25, 0.6),0.1) 7px, alpha(rgba(22, 27, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #1b2421; color: #bbf1dd; }
+
+window.messagedialog:backdrop { background-color: #181e1c; color: #6e837b; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #6e837b; background-color: #1e2623; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #bbf1dd;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #bbf1dd;
+/*
+widget base background color */
+@define-color theme_bg_color #1b2421;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #151c19;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #151c19;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #1b2421;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #6b8a7f;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #151c19;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #6e837b;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #bbf1dd;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #181e1c;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #131716;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #bbf1dd;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #151c19;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #3a4944;
+/*
+widgets main borders color */
+@define-color borders #27332f;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #252e2b;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#bbf1dd, 1.8);
+@define-color wm_unfocused_title #6e837b;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(187, 241, 221, 0.07);
+@define-color wm_bg_a shade(#1b2421, 1.2);
+@define-color wm_bg_b #1b2421;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#1b2421, 1.3);
+@define-color wm_button_hover_color_b #1b2421;
+@define-color wm_button_active_color_a shade(#1b2421, 0.85);
+@define-color wm_button_active_color_b shade(#1b2421, 0.89);
+@define-color wm_button_active_color_c shade(#1b2421, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #151c19;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #080b09;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #bbf1dd;
+@define-color accent_fg_color #151c19;
+@define-color accent_color #bbf1dd;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #151c19;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #151c19;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #151c19;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #151c19;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #1b2421;
+@define-color window_fg_color #bbf1dd;
+@define-color view_bg_color #151c19;
+@define-color view_fg_color #bbf1dd;
+@define-color headerbar_bg_color #1b2421;
+@define-color headerbar_fg_color #bbf1dd;
+@define-color headerbar_border_color #27332f;
+@define-color headerbar_backdrop_color #181e1c;
+@define-color headerbar_shade_color #27332f;
+@define-color card_bg_color #151c19;
+@define-color card_fg_color #bbf1dd;
+@define-color card_shade_color #27332f;
+@define-color dialog_bg_color #1b2421;
+@define-color dialog_fg_color #bbf1dd;
+@define-color popover_bg_color #151c19;
+@define-color popover_fg_color #bbf1dd;
+@define-color shade_color #27332f;
+@define-color scrollbar_outline_color #27332f;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk.css
new file mode 100644
index 000000000..8e4d3dcce
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/gtk-4.0/gtk.css
@@ -0,0 +1,2512 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #19483e; background-color: #f6f9f9; }
+
+.background:backdrop { color: gray; background-color: #f8f8f8; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #19483e; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #19483e; background-color: white; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #88a19c; background-color: #f6f9f9; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: gray; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #2ac88d; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #fbfcfc; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #27b982; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #219e6f; background-color: rgba(33, 158, 111, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child.activatable:hover { background-color: #e0e7e6; }
+
+gridview > child.activatable:active { background-color: #d5dedd; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #19483e; background-color: white; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(42, 200, 141, 0.3); }
+
+label:disabled { color: #88a19c; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #f6f9f9; padding: 6px; border-top: 1px solid #e5eceb; }
+
+window.assistant .sidebar:backdrop { background-color: #f8f8f8; border-color: #ececec; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #e0e7e6; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #19483e; border: none; background-color: white; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(229, 236, 235, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: gray; background-color: white; box-shadow: inset 0 0 0 1px rgba(236, 236, 236, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #19483e; background-color: white; box-shadow: inset 0 0 0 1px #e5eceb; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: white; background-color: #19483e; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #19483e; background-color: white; box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #88a19c; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: gray; background-color: white; box-shadow: inset 0 0 0 1px #ececec; border-color: #f8f8f8; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fa4444; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fa4444; background-color: white; box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fa4444; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f88052; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #f88052; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #f88052; background-color: white; box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f88052; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #2ac88d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #2ac88d; background-color: white; box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #2ac88d; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #476d65; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #19483e; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #2ac88d; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #999999; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #999999; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #2ac88d; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #19483e; background-color: white; box-shadow: inset 0 0 0 1px #e5eceb; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #c8eee1; color: #1b5546; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #7fa59b; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #e1e1e1; color: #828282; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #cbcbcb; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #2ac88d 0%, rgba(42, 200, 141, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #2ac88d 95%, rgba(42, 200, 141, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #19483e; background-color: #e5eceb; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #19483e; background-color: #cfdad8; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: gray; background-color: #efefef; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: gray; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: white; background-color: #939393; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: gray; background-color: #e3e3e3; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: gray; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #2ac88d; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: white; background: image(#2ae18e); background-color: #2ae18e; box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: white; background-image: none; background-color: #219e6f; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(42, 200, 141, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #88a19c; background-color: #3fce98; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: white; background-color: #797979; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: white; background-color: #606060; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: gray; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: white; background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: white; background-image: none; background-color: #f91212; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #88a19c; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: white; background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: white; background-color: #868686; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #2ac88d 96%, rgba(42, 200, 141, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #e0e7e6; }
+
+modelbutton.flat:disabled { color: #88a19c; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #219e6f; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #187452; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a3c7ba; }
+
+button.link:hover, link:hover { color: #2ac88d; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #eafaf4; }
+
+button.link:active, link:active { color: #219e6f; }
+
+*:selected button.link:active, *:selected link:active { color: #d3ece2; }
+
+button.link:disabled, link:disabled { color: rgba(96, 96, 96, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d3ece2; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #19483e; background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: gray; background-color: #efefef; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #19483e; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #88a19c; background-color: #f6f9f9; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #d1d1d1; background-color: #f8f8f8; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #88a19c; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #c8eee1; color: #1b5546; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #7fa59b; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #e1e1e1; color: #828282; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #cbcbcb; }
+
+spinbutton.vertical > text > block-cursor { color: white; background-color: #19483e; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #19483e; background-color: #e0e7e6; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #e5eceb; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #f6f9f9; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #f8f8f8; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #f6f9f9; }
+
+searchbar > revealer > box:backdrop { background-color: #f8f8f8; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f6f9f9; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f6f9f9; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: gray; background-color: #efefef; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #19483e; background-color: #f6f9f9; box-shadow: inset -1px 0 #e5eceb; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: gray; background-color: #f8f8f8; background-image: none; box-shadow: inset -1px 0 #ececec; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: gray; background-color: #e0e0e0; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #939393; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e5eceb; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ececec; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #e5eceb; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ececec; }
+
+window.devel headerbar.titlebar { background: #f6f9f9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(42, 200, 141, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #f6f9f9 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f9f9); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #e5eceb; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #e5eceb; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #eaf0ef; border-top-color: #eaf0ef; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #88a19c; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7fdebb; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #6ad9af; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #eaf0ef; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #f0f0f0; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #f0f0f0; border-top-color: #f0f0f0; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #27b982; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #5e7f78; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #19483e; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #bfefdd; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: white; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: white; background-color: #2ac88d; background: linear-gradient(to right, #1bbe81, #2ae18e); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: white; background-color: #939393; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #2ac88d; background-color: white; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #939393; background-color: white; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(25, 72, 62, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(128, 128, 128, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #8ca49f; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #8ca49f; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #53766f; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #53766f; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #19483e; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #19483e; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #bcbcbc; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #2ac88d; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #2ac88d; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #eaf0ef; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #f6f9f9; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: white; background-clip: padding-box; border: none; box-shadow: 0 2px 8px 1px rgba(25, 72, 62, 0.225); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #e5eceb; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: white; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e0e7e6); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #d5dedd; border-color: #d5dedd; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: white; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #19483e; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #19483e; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #19483e; background-color: #e0e7e6; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #19483e; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #19483e; background-color: #d5dedd; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #cad6d4 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #19483e; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #e0e7e6; }
+
+menubar > item:disabled { color: #88a19c; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #e5eceb; }
+
+notebook > header:backdrop { background-color: #ececec; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #426961; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: gray; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #19483e; background-color: white; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: gray; background-color: white; box-shadow: 0 1px 4px rgba(49, 49, 49, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e5eceb; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #718f89; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #456b63; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #19483e; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #a4a4a4; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#19483e,0.4); border: 1px solid alpha(white,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#e5eceb,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #e5eceb; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #cad6d4; background-image: none; color: #19483e; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+switch:disabled { background-color: #e5eceb; background-image: none; }
+
+switch:disabled:checked { background-color: #a8bbb7; background-image: none; }
+
+switch:backdrop { background-color: #d8d8d8; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #939393; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ececec; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cccccc; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(25, 72, 62, 0.225); }
+
+switch:disabled slider { background-color: #f6f9f9; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f8f8f8; box-shadow: 0 2px 8px rgba(49, 49, 49, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { outline-color: white; box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #cad6d4; color: #19483e; }
+
+check:hover, radio:hover { background: image(#f4f6f5); }
+
+check:active, radio:active { background: image(#e8edec); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fbfcfc; color: rgba(25, 72, 62, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fefefe; box-shadow: inset 0 0 0 1px #d0d0d0; color: #19483e; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fcfcfc; color: rgba(25, 72, 62, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#29c289); }
+
+check:checked:active, radio:checked:active { background: image(#28bb85); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #90e1c3; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #939393; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #b9b9b9; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#29c289); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#28bb85); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #90e1c3; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #939393; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #b9b9b9; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #2ac88d; padding: 0; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #27b982; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #8b8b8b; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #e5eceb; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #e5eceb; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #ececec; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #ececec; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border: 1px solid white; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #2ac88d; background: linear-gradient(to right, #1bbe81, #2ae18e); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: linear-gradient(to top, #1bbe81, #2ae18e); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #cad6d4; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #939393; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #d8d8d8; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #2ac88d; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: white; outline: none; box-shadow: 0 1.5px 2px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.15); }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(42, 200, 141, 0.2), 0 0 0 1px rgba(40, 183, 130, 0.325); }
+
+scale > trough > slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(25, 72, 62, 0.225); }
+
+scale > trough > slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.15); }
+
+scale > trough > slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(49, 49, 49, 0.225); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.1); }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(42, 200, 141, 0.2), 0 0 0 1px rgba(40, 183, 130, 0.325); }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(25, 72, 62, 0.225); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(49, 49, 49, 0.225); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(25, 72, 62, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #2ac88d; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(42, 225, 142, 0)), linear-gradient(to right, rgba(42, 225, 142, 0), #2ae18e 60%, rgba(42, 225, 142, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #939393; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #939393; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #cad6d4; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #d8d8d8; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #19483e; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid gray; }
+
+window.dialog.print drawing paper:backdrop { color: gray; border: 1px solid #595959; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #f6f9f9; }
+
+frame:backdrop, .frame:backdrop { border-color: #f8f8f8; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e5eceb; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(42, 200, 141, 0.5) 85%, rgba(42, 200, 141, 0)), radial-gradient(farthest-side at top, rgba(42, 200, 141, 0.1), rgba(42, 200, 141, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(42, 200, 141, 0.5) 85%, rgba(42, 200, 141, 0)), radial-gradient(farthest-side at bottom, rgba(42, 200, 141, 0.1), rgba(42, 200, 141, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(42, 200, 141, 0.5) 85%, rgba(42, 200, 141, 0)), radial-gradient(farthest-side at left, rgba(42, 200, 141, 0.1), rgba(42, 200, 141, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(42, 200, 141, 0.5) 85%, rgba(42, 200, 141, 0)), radial-gradient(farthest-side at right, rgba(42, 200, 141, 0.1), rgba(42, 200, 141, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #ececec 85%, rgba(236, 236, 236, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 72, 62, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(49, 49, 49, 0.225); }
+
+scrolledwindow > junction { background: #e5eceb, linear-gradient(to bottom, transparent 1px, #e5eceb 1px), linear-gradient(to right, transparent 1px, #e5eceb 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #e5eceb, linear-gradient(to bottom, transparent 1px, #e5eceb 1px), linear-gradient(to left, transparent 1px, #e5eceb 1px); }
+
+separator { background: #e5eceb; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #19483e; background-color: white; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: white; color: gray; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #e5eceb; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #e5eceb; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #19483e; }
+
+row.activatable:backdrop { color: gray; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #19483e; background-color: #e5eceb; background-image: none; box-shadow: none; color: #19483e; background-color: rgba(25, 72, 62, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: gray; }
+
+row.activatable:active { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+row.activatable:selected { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: white; background-color: #939393; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #eaf0ef; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #2ac88d; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #2ac88d; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #939393; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(42, 200, 141, 0.3); color: #19483e; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #e5eceb; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #ececec; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(25, 72, 62, 0.225); }
+
+.app-notification:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(49, 49, 49, 0.225); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #88a19c; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: #40baa0; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #19483e; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #e5eceb; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #2ac88d; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#2ac88d,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #f6f9f9; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e5eceb; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #f6f9f9; }
+
+.sidebar:backdrop { background-color: #f8f8f8; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #e5eceb; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e5eceb; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #ececec; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #e0e7e6; border-radius: 8px; color: #19483e; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #d2dcda; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #e5eceb; }
+
+separator.sidebar:backdrop { background-color: #ececec; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #88a19c; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #2ac88d; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 72, 62, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(49, 49, 49, 0.225); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e5eceb); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#2ac88d); }
+
+paned > separator:backdrop { background-image: image(#ececec); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f9f9; background-image: image(#e5eceb), image(#e5eceb); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f8f8f8; background-image: image(#ececec), image(#ececec); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #e5eceb; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #ececec; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #e5eceb; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #ececec; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #e5eceb, inset -1px 0 #e5eceb; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #ececec, inset -1px 0 #ececec; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #e5eceb; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #ececec; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #e5eceb, inset 0 -1px #e5eceb; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #ececec, inset 0 -1px #ececec; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #2ac88d; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark > overlay { border-color: #2ac88d; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #19483e; background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+colorswatch#add-color-button:backdrop { color: gray; background-color: #efefef; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #eef4f4; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(25, 72, 62, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.05); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px transparent; }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(25, 72, 62, 0.225), 0 0 0 1px rgba(25, 72, 62, 0.05); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(49, 49, 49, 0.225), 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #e5eceb; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(25, 72, 62, 0.05), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.05), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(25, 72, 62, 0.05); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.05); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #2ac88d; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: white; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #95e4c6; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: white; background-color: #939393; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #6ad9af; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #c8eee1; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #1b5546; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #7fa59b; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #e1e1e1; color: #828282; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #cbcbcb; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #2ac88d; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #19483e; background-color: white; border: 1px solid; border-color: #eef3f2; border-radius: 5px; box-shadow: inset 0 -3px #f8fafa; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: white; color: gray; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #e5eceb; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #e5eceb; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e5eceb; background-color: transparent; }
+
+button.emoji-section:checked { color: #19483e; border-color: #2ac88d; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: gray; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #2ac88d; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #2ac88d; color: white; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e0e7e6; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #19483e; background-color: #e5eceb; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+viewswitcher button.toggle:checked:active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: gray; background-color: #efefef; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #e5eceb; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #ececec; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #2ac88d; }
+
+indicatorbin.needs-attention > indicator > label { color: white; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #cad6d4; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #d8d8d8; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #2ac88d; color: white; }
+
+splitbutton.destructive-action { background-color: #fa4444; color: white; }
+
+splitbutton.opaque { background-color: #d5dedd; color: #19483e; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #2ac88d; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #e5eceb; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ececec; }
+
+row.expander list.nested { margin: 12px; background-color: #f6f9f9; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #f8f8f8; }
+
+row.expander list.nested > row { border-bottom: 1px solid #e5eceb; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ececec; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: none; box-shadow: 0 1px 8px 1px rgba(25, 72, 62, 0.225); }
+
+toast:backdrop { border-color: transparent; box-shadow: 0 1px 4px 1px rgba(49, 49, 49, 0.225); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #2ac88d; }
+
+.success { color: #2ac88d; }
+
+.warning { color: #f88052; }
+
+.error { color: #fa4444; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #cad6d4; }
+
+tabbar tabbox > separator:backdrop { background-color: #d8d8d8; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #2ac88d; }
+
+tabbar tab { color: #426961; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: gray; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #19483e; background-color: white; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: gray; background-color: white; box-shadow: 0 1px 4px rgba(49, 49, 49, 0.075); }
+
+tabbar tab:hover { color: #19483e; background-color: rgba(25, 72, 62, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: gray; background-color: rgba(128, 128, 128, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #e5eceb; color: #19483e; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #ececec; color: gray; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: white; background-image: none; color: #19483e; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); outline: 1px solid rgba(25, 72, 62, 0.05); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #2ac88d; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #2ac88d; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#2ac88d,0.4); background-color: alpha(#2ac88d,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #2ac88d; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#2ac88d,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(25, 72, 62, 0.05); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(128, 128, 128, 0.05); }
+
+tabthumbnail.pinned .card { background-color: white; color: #19483e; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(white,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(white,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(white,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: white; color: #19483e; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: white; color: gray; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #2ac88d; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #2ac88d; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: white; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: white; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(25, 72, 62, 0.225),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(49, 49, 49, 0.225),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(25, 72, 62, 0.05); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(128, 128, 128, 0.05); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(25, 72, 62, 0.225),0.35), alpha(rgba(25, 72, 62, 0.225),0.1) 40px, alpha(rgba(25, 72, 62, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(25, 72, 62, 0.225),0.2), alpha(rgba(25, 72, 62, 0.225),0.1) 7px, alpha(rgba(25, 72, 62, 0.225),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(25, 72, 62, 0.225),0.35), alpha(rgba(25, 72, 62, 0.225),0.1) 40px, alpha(rgba(25, 72, 62, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(25, 72, 62, 0.225),0.2), alpha(rgba(25, 72, 62, 0.225),0.1) 7px, alpha(rgba(25, 72, 62, 0.225),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 72, 62, 0.225),0.35), alpha(rgba(25, 72, 62, 0.225),0.1) 40px, alpha(rgba(25, 72, 62, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 72, 62, 0.225),0.2), alpha(rgba(25, 72, 62, 0.225),0.1) 7px, alpha(rgba(25, 72, 62, 0.225),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(25, 72, 62, 0.225),0.35), alpha(rgba(25, 72, 62, 0.225),0.1) 40px, alpha(rgba(25, 72, 62, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(25, 72, 62, 0.225),0.2), alpha(rgba(25, 72, 62, 0.225),0.1) 7px, alpha(rgba(25, 72, 62, 0.225),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(49, 49, 49, 0.225),0.35), alpha(rgba(49, 49, 49, 0.225),0.1) 40px, alpha(rgba(49, 49, 49, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(49, 49, 49, 0.225),0.2), alpha(rgba(49, 49, 49, 0.225),0.1) 7px, alpha(rgba(49, 49, 49, 0.225),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(49, 49, 49, 0.225),0.35), alpha(rgba(49, 49, 49, 0.225),0.1) 40px, alpha(rgba(49, 49, 49, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(49, 49, 49, 0.225),0.2), alpha(rgba(49, 49, 49, 0.225),0.1) 7px, alpha(rgba(49, 49, 49, 0.225),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(49, 49, 49, 0.225),0.35), alpha(rgba(49, 49, 49, 0.225),0.1) 40px, alpha(rgba(49, 49, 49, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(49, 49, 49, 0.225),0.2), alpha(rgba(49, 49, 49, 0.225),0.1) 7px, alpha(rgba(49, 49, 49, 0.225),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(49, 49, 49, 0.225),0.35), alpha(rgba(49, 49, 49, 0.225),0.1) 40px, alpha(rgba(49, 49, 49, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(49, 49, 49, 0.225),0.2), alpha(rgba(49, 49, 49, 0.225),0.1) 7px, alpha(rgba(49, 49, 49, 0.225),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #f6f9f9; color: #19483e; }
+
+window.messagedialog:backdrop { background-color: #f8f8f8; color: gray; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #2ac88d; }
+
+window.messagedialog .response-area > button.destructive { color: #fa4444; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #563b25; background-color: #fef2ee; padding: 6px; }
+
+banner > revealer > widget button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); }
+
+banner > revealer > widget button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); }
+
+banner > revealer > widget button:checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: gray; background-color: #efefef; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #563b25; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #19483e;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #19483e;
+/*
+widget base background color */
+@define-color theme_bg_color #f6f9f9;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #2ac88d;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f6f9f9;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #88a19c;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color gray;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #19483e;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f8f8f8;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #2ac88d;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e5eceb;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ececec;
+/*
+these are pretty self explicative */
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+@define-color destructive_color #fa4444;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#19483e, 1.8);
+@define-color wm_unfocused_title gray;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f6f9f9, 1.2);
+@define-color wm_bg_b #f6f9f9;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f6f9f9, 1.3);
+@define-color wm_button_hover_color_b #f6f9f9;
+@define-color wm_button_active_color_a shade(#f6f9f9, 0.85);
+@define-color wm_button_active_color_b shade(#f6f9f9, 0.89);
+@define-color wm_button_active_color_c shade(#f6f9f9, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #2ac88d;
+@define-color accent_fg_color white;
+@define-color accent_color #2ac88d;
+@define-color destructive_bg_color #fa4444;
+@define-color destructive_fg_color white;
+@define-color destructive_color #fa4444;
+@define-color success_bg_color #2ac88d;
+@define-color success_fg_color white;
+@define-color success_color #2ac88d;
+@define-color warning_bg_color #f88052;
+@define-color warning_fg_color white;
+@define-color warning_color #f88052;
+@define-color error_bg_color #fa4444;
+@define-color error_fg_color white;
+@define-color error_color #fa4444;
+@define-color window_bg_color #f6f9f9;
+@define-color window_fg_color #19483e;
+@define-color view_bg_color white;
+@define-color view_fg_color #19483e;
+@define-color headerbar_bg_color #f6f9f9;
+@define-color headerbar_fg_color #19483e;
+@define-color headerbar_border_color #e5eceb;
+@define-color headerbar_backdrop_color #f8f8f8;
+@define-color headerbar_shade_color #e5eceb;
+@define-color card_bg_color white;
+@define-color card_fg_color #19483e;
+@define-color card_shade_color #e5eceb;
+@define-color dialog_bg_color #f6f9f9;
+@define-color dialog_fg_color #19483e;
+@define-color popover_bg_color white;
+@define-color popover_fg_color #19483e;
+@define-color shade_color #e5eceb;
+@define-color scrollbar_outline_color #e5eceb;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/index.theme
new file mode 100755
index 000000000..ae138a0e1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinGreen-Light
+Comment=The light desktop theme with green highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinGreen-Light
+MetacityTheme=ZorinGreen-Light
+IconTheme=ZorinGreen-Light
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.png
new file mode 100644
index 000000000..947ec3955
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..486ebcbfe
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..ef262e25a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..49cd1ac8b
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..947ab5143
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..06cb3952d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.xpm
new file mode 100644
index 000000000..b712af241
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..9e17db52d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.png
new file mode 100644
index 000000000..b629e7e62
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..fb6052c95
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.png
new file mode 100644
index 000000000..b442a7933
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..2610f3c65
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..ad78cdbb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f6f9f9",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..602ff7030
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f8f8f8",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..7d5c0ff76
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f6f9f9",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..8af8a56de
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f6f9f9",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.png
new file mode 100644
index 000000000..2c920726d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.png
new file mode 100644
index 000000000..4017a662e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..b97199833
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..7b387f1ad
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..8936d2249
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..c22e315d0
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..6bbfc48f7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..9e5613ab0
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..5b731a00f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..a1653e750
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..d0b380192
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..40f1dbf74
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..27b7272ab
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..b2ea9d9ac
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..c60a08a56
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..c7645930b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..516dae9c0
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..e2f7cd573
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..7bcbd4ac7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..954204907
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..4cace88d8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..035353bb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..025b66b15
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..d163fd3e1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..d8a943dab
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..68011c97c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..fe3e76268
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..2cf5a98b2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..a0d84ee34
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..5c4ad43ea
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f8f8f8",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..c8b1214ec
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..4eb513e77
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f6f9f9",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.png
new file mode 100644
index 000000000..3d24afc53
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..0561cb682
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.png
new file mode 100644
index 000000000..0a2bba3ab
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..03a035ae2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.png
new file mode 100644
index 000000000..ba8cd6f43
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..95149a0ef
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGreen-Light/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..69ba89f36
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..0a26bcb53
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..260cb3ec7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..575a027de
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..f5ea8df6d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..44a213d79
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..44a213d79
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..76c0d967e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..aab00e94c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..90d8a6bdf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..81499e05c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..c9c42fce5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..153131d20
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..c2d709950
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..527e89cba
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..13a11dfd1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..4d74dd784
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..d01c7d9ee
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..1785cd5d8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..ef54e42b5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..8bd8d8d89
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..8b126e25a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..c90e619cb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #ffffff; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #ffffff; background-color: rgba(25, 25, 25, 0.925); border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #ffffff; background-color: #202020; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #ffffff; background-color: #313131; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #ffffff; background-color: #464646; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #505050; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #5f5f5f; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #ffffff; background-color: #4d4d4d; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #ffffff; background-color: #313131; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #ffffff; background-color: #464646; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #505050; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #5f5f5f; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #ffffff; background-color: #4d4d4d; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #ffffff; background-color: rgba(255, 255, 255, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #ffffff; background-color: #464646; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #505050; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #5f5f5f; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #ffffff; background-color: rgba(255, 255, 255, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #ffffff; background-color: rgba(255, 255, 255, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(25, 25, 25, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(25, 25, 25, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #ffffff; background-color: rgba(69, 69, 69, 0.937563); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(80, 80, 80, 0.940938); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(97, 97, 97, 0.946); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #ffffff; background-color: rgba(58, 58, 58, 0.934375); box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #ffffff; background-color: rgba(77, 77, 77, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: white; }
+
+.shell-link:hover { color: white; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(25, 25, 25, 0.25); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(25, 25, 25, 0.25); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #ffffff; background-color: #191919; color: #ffffff; border: 1px solid #313131; box-shadow: none; selection-background-color: #525252; selected-color: white; }
+
+StEntry:focus { background-color: #191919; border-color: #ffffff; color: #ffffff; box-shadow: inset 0 0 0 1px #ffffff; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #909090; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #faa483; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(255, 255, 255, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off-dark.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused-dark.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox-dark.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused-dark.svg"); }
+
+/* Switches */
+.toggle-switch { color: #ffffff; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off-dark.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on-dark.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #313131; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #ffffff; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #ffffff; color: #ffffff; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #a6a6a6; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #d2d2d2; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #ffffff; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #ffffff; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.075); box-shadow: 0 6px 12px rgba(25, 25, 25, 0.25); background-color: #202020; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #363636 !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #414141 !important; }
+
+.popup-menu-item:checked { background-color: #191919 !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #313131; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #363636 !important; }
+
+.popup-menu-item:checked:active { background-color: #414141 !important; }
+
+.popup-menu-item:active { background-color: #4e4e4e; color: #ffffff; }
+
+.popup-menu-item:insensitive { color: rgba(255, 255, 255, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #ffffff; }
+
+.popup-inactive-menu-item:insensitive { color: #909090; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: #191919; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #363636 !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: #191919 !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #363636 !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #414141 !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #313131; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #434343; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(25, 25, 25, 0.5); }
+
+.datemenu-today-button:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.datemenu-today-button:hover { color: #ffffff; background-color: #313131; }
+
+.datemenu-today-button:active { color: #ffffff; background-color: #3c3c3c; }
+
+.datemenu-today-button .day-label { color: #909090; }
+
+.datemenu-today-button .date-label { color: #ffffff; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(25, 25, 25, 0.5); }
+
+.calendar:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.calendar:hover { color: #ffffff; background-color: #313131; }
+
+.calendar:active { color: #ffffff; background-color: #3c3c3c; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #ffffff; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #363636; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #414141; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #363636; }
+
+.calendar .calendar-day-base:focus { background-color: #4d4d4d; color: #ffffff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #ffffff; background-color: #414141; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #414141; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #909090; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #ffffff; }
+
+.calendar .calendar-other-month-day { color: rgba(255, 255, 255, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(255, 255, 255, 0.5); }
+
+.calendar .calendar-today { background-color: #ffffff; font-weight: 800; color: #191919 !important; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: white; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; color: inherit; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: white; color: #191919; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event-dark.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today-dark.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.075); color: #909090; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #ffffff; background-color: #191919; padding: 12px; }
+
+.events-button:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.events-button:hover { color: #ffffff; background-color: #313131; }
+
+.events-button:active { color: #ffffff; background-color: #3c3c3c; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #909090; margin-bottom: 4px; }
+
+.events-button .event-time { color: #909090; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #ffffff; background-color: #191919; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.world-clocks-button:hover { color: #ffffff; background-color: #313131; }
+
+.world-clocks-button:active { color: #ffffff; background-color: #3c3c3c; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #909090; }
+
+.world-clocks-button .world-clocks-city { color: #ffffff; }
+
+.world-clocks-button .world-clocks-time { color: #ffffff; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #909090; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #ffffff; background-color: #191919; padding: 12px; }
+
+.weather-button:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.weather-button:hover { color: #ffffff; background-color: #313131; }
+
+.weather-button:active { color: #ffffff; background-color: #3c3c3c; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #909090; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #ffffff; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(144, 144, 144, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: #191919; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(255, 255, 255, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #ffffff; background-color: #191919; background-color: rgba(25, 25, 25, 0.925); }
+
+.message:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.message:hover { color: #ffffff; background-color: #313131; }
+
+.message:active { color: #ffffff; background-color: #3c3c3c; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(255, 255, 255, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(255, 255, 255, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(255, 255, 255, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #ffffff; }
+
+.url-highlighter { link-color: white; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #ffffff; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(255, 255, 255, 0.075); color: #ffffff; }
+
+.message-media-control:active { background-color: rgba(255, 255, 255, 0.125); color: #ffffff; }
+
+.message-media-control:insensitive { color: #909090; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #909090; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #ffffff; color: #191919; }
+
+.candidate-box:hover { background-color: #363636; color: #ffffff; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(25, 25, 25, 0.25); border-radius: 12px; margin: 8px; border: 1px solid rgba(255, 255, 255, 0.075); }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #ffffff; color: #191919; border: 2px solid #ffffff; box-shadow: 0 2px 2px rgba(25, 25, 25, 0.25); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #ffffff; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#ffffff, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(255, 255, 255, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fb7c7c; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: #191919; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff929b; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #fa4a4a; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #909090; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #c7c7c7; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #c7c7c7; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fb7c7c; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fb7c7c; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #363636; }
+
+.audio-selection-device:active { background-color: #ffffff; color: #191919; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(25, 25, 25, 0.25); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(255, 255, 255, 0.25); -barlevel-active-background-color: #ffffff; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(25, 25, 25, 0.25); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(255, 255, 255, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(255, 255, 255, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(255, 255, 255, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(255, 255, 255, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(255, 255, 255, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(255, 255, 255, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(255, 255, 255, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(255, 255, 255, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #313131; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #ffffff; color: #ffffff; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #ffffff; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(25, 25, 25, 0.25); }
+
+.ws-switcher-indicator { background-color: rgba(255, 255, 255, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #ffffff; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.25); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(255, 255, 255, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(255, 255, 255, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #363636; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(255, 255, 255, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #ffffff; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fb7c7c; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fc9595; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #fb5959; }
+
+.screenshot-ui-shot-cast-container { background-color: #4d4d4d; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #ffffff; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(255, 255, 255, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(255, 255, 255, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: #191919; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.1); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(64, 64, 64, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(77, 77, 77, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(89, 89, 89, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #ffffff; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #202020; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #191919; background-color: #ffffff; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(25, 25, 25, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #ffffff; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fb7c7c; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #faa483; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: #191919; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities-dark.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: #191919; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #faa483; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(25, 25, 25, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: #191919; background-color: white; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); }
+
+.quick-toggle:checked:active { color: #191919; background-color: #e6e6e6; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(121, 121, 121, 0.2); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #ffffff; background-color: #464646; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #505050; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #5f5f5f; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: #191919; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(255, 255, 255, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #ffffff; background-color: #313131; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #202020; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(255, 255, 255, 0.925); color: #191919; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.25); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #d1d1d1; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #a3a3a3; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(25, 25, 25, 0.25); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: #191919; color: #ffffff; border: 1px solid #313131; box-shadow: none; border-color: rgba(255, 255, 255, 0.25); }
+
+.search-entry:focus { background-color: #191919; border-color: #ffffff; color: #ffffff; box-shadow: inset 0 0 0 1px #ffffff; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #909090; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(25, 25, 25, 0.75); border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.075); color: #ffffff; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(255, 255, 255, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(255, 255, 255, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(255, 255, 255, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(255, 255, 255, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(255, 255, 255, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(255, 255, 255, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(255, 255, 255, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(255, 255, 255, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #ffffff; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(255, 255, 255, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #ffffff; }
+
+.dash-background { background-color: rgba(25, 25, 25, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(255, 255, 255, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #ffffff; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(255, 255, 255, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(255, 255, 255, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #ffffff; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(255, 255, 255, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(255, 255, 255, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(255, 255, 255, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #ffffff; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: #191919; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; box-shadow: 0 2px 4px 0 rgba(251, 124, 124, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #ffffff; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(255, 255, 255, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #ffffff; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(255, 255, 255, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(255, 255, 255, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(255, 255, 255, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(255, 255, 255, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(60, 60, 60, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #ffffff; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #ffffff; background-color: #4b4b4b; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #ffffff; background-color: #5d5d5d; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #656565; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #737373; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #ffffff; background-color: #545454; box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #ffffff; background-color: #636363; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: #191919; background-color: #ffffff; background-gradient-direction: none; background-gradient-start: #f4f1f1; background-gradient-end: white; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #ffffff; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #ffffff; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #ffffff; color: #202020; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(255, 255, 255, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(255, 255, 255, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(255, 255, 255, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #ffffff; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(255, 255, 255, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(25, 25, 25, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #ffffff; background-color: #4b4b4b; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #ffffff; background-color: #545454; box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder-dark.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #ffffff; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #ffffff; -pie-background-color: rgba(255, 255, 255, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #ffffff; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(255, 255, 255, 0.3); border: 1px solid #ffffff; }
+
+.user-icon { background-size: contain; color: #ffffff; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(255, 255, 255, 0.875); }
+
+.user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #faa483; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #202020; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #ffffff; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(25, 25, 25, 0.9625); box-shadow: inset 0 1px 0 0 #313131; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #ffffff; background-color: rgba(255, 255, 255, 0.125); }
+
+.keyboard-key:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(255, 255, 255, 0.275); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.keyboard-key:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
+
+.keyboard-key:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.275); }
+
+.keyboard-key:checked { color: #191919; background-color: #ffffff; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(255, 255, 255, 0.25); color: #909090; }
+
+.keyboard-key.default-key { color: #ffffff; background-color: rgba(140, 140, 140, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #ffffff; background-color: rgba(140, 140, 140, 0.2); }
+
+.keyboard-key.default-key:active { color: #ffffff; background-color: rgba(140, 140, 140, 0.275); }
+
+.keyboard-key.default-key:checked { color: #191919; background-color: #ffffff; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #ffffff; color: #191919; border-color: transparent; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.keyboard-key.enter-key { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); border-radius: 12px; color: #ffffff; }
+
+.keyboard-key.enter-key:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
+
+.keyboard-key.enter-key:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.275); }
+
+.keyboard-key.enter-key:checked { color: #191919; background-color: #ffffff; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #ffffff; color: #191919; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: white; color: #191919; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(25, 25, 25, 0.925); -arrow-border-width: 1px; -arrow-border-color: #313131; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(255, 255, 255, 0.275); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: #191919; background-color: #ffffff; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #ffffff; background-color: #ffffff; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #ffffff; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(255, 255, 255, 0.275); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7); }
+
+.word-suggestions StButton:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
+
+.word-suggestions StButton:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.275); }
+
+.word-suggestions StButton:checked { color: #191919; background-color: #ffffff; box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(25, 25, 25, 0.925); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.075); color: #ffffff; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(25, 25, 25, 0.25); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #ffffff; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #ffffff; background-color: rgba(255, 255, 255, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #ffffff; selected-color: #191919; }
+
+.lg-dialog .shell-link { color: white; }
+
+.lg-dialog .shell-link:hover { color: white; }
+
+.lg-dialog .shell-link:active { color: #e6e6e6; }
+
+.lg-dialog .actor-link { color: #909090; }
+
+.lg-dialog .actor-link:hover { color: #aaaaaa; }
+
+.lg-dialog .actor-link:active { color: #777777; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(255, 255, 255, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(255, 255, 255, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #ffffff; background-color: #191919; }
+
+.lg-extension:focus { background-color: #303030; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); }
+
+.lg-extension:hover { color: #ffffff; background-color: #313131; }
+
+.lg-extension:active { color: #ffffff; background-color: #3c3c3c; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(25, 25, 25, 0.925); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #ffffff; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: white; }
+
+.lg-debug-flag-button:active { color: #d9d9d9; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #191919; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #191919; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #191919; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #191919; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #202020; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(32, 32, 32, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(32, 32, 32, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(32, 32, 32, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/process-working.svg
new file mode 100644
index 000000000..5e5dfe509
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-2.0/gtkrc
new file mode 100644
index 000000000..ef9115064
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#ffffff\nbg_color:#202020\nbase_color:#191919\ntext_color:#ffffff\nselected_bg_color:#ffffff\nselected_fg_color:#191919\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#202020\npanel_fg_color:#ffffff"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..56182e475
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #ffffff; }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #ffffff; background-color: #202020; }
+
+.gtkstyle-fallback:hover { color: #ffffff; background-color: #3a3a3a; }
+
+.gtkstyle-fallback:active { color: #ffffff; background-color: #070707; }
+
+.gtkstyle-fallback:disabled { color: #909090; background-color: #202020; }
+
+.gtkstyle-fallback:selected { color: #191919; background-color: #ffffff; }
+
+.view, iconview, .view text, iconview text, textview text { color: #ffffff; background-color: #191919; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1d1d1d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #ffffff; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #202020; border-top: 1px solid #313131; }
+
+assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #4d4d4d; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #8d8d8d; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(255, 255, 255, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #ffffff; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #191919; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #191919; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #d1d1d1; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #ffffff; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #ffffff; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #757575; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #191919; background-color: #ffffff; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: white; }
+
+:backdrop .entry-tag { color: #151515; background-color: #ffffff; }
+
+.entry-tag.button { background-color: transparent; color: rgba(25, 25, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #ffffff; color: #191919; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #ffffff; color: #191919; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ffffff), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #151515; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #414141; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #414141; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(white); background-color: white; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: white; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.899608)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #414141; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #414141; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #363636; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: white; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #757575; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #303030; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: white; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #474747; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(255, 255, 255, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(255, 255, 255, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #474747; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #191919; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #151515; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #414141; background-color: #1b1b1b; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:backdrop:disabled { color: #414141; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1b1b1b; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #202020; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1b1b1b; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #202020 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #ffffff 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #202020; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #2d2d2d; background-color: #1b1b1b; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #191919; border-color: transparent; background-color: #ffffff; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #191919; background-color: #ffffff; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #191919; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #eeeeee; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #e2e2e2; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #d1d1d1; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #c6c6c6 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #242424; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #f4f4f4; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #414141; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(25, 25, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #151515; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(255, 255, 255, 0.125); border-top-color: #202020; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #5f5f5f; border-top-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view:disabled { color: #909090; }
+
+treeview.view:disabled:selected { color: #a3a3a3; }
+
+treeview.view:disabled:selected:backdrop { color: #797979; }
+
+treeview.view:disabled:backdrop { color: #414141; }
+
+treeview.view.separator { min-height: 2px; color: #202020; }
+
+treeview.view.separator:backdrop { color: #1b1b1b; }
+
+treeview.view:backdrop { border-left-color: #545454; border-top: #1b1b1b; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #ffffff; }
+
+treeview.view.expander:selected { color: #5e5e5e; }
+
+treeview.view.expander:selected:hover { color: #191919; }
+
+treeview.view.expander:selected:backdrop { color: #404040; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: dimgray; }
+
+treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view header button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #ffffff; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #ffffff; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #202020; background-image: none; }
+
+treeview.view header button:backdrop { color: #545454; border-color: #1b1b1b; border-style: none solid solid none; background-image: none; background-color: #151515; }
+
+treeview.view header button:backdrop:disabled { border-color: #1b1b1b; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1b1b1b; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #363636; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #191919; border: 1px solid rgba(49, 49, 49, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #151515; border-color: rgba(45, 45, 45, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #363636; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #909090; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #414141; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #8d8d8d; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #191919; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #303030; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #303030; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3c3c3c; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #151515; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #191919; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #151515; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(45, 45, 45, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(255, 255, 255, 0.1); }
+
+notebook > header tab:backdrop { color: #8d8d8d; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #2d2d2d; border-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; }
+
+scrollbar slider:hover { background-color: #d2d2d2; }
+
+scrollbar slider:hover:active { background-color: #ffffff; }
+
+scrollbar slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #ffffff; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #ffffff; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a6a6a6; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #d2d2d2; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(166, 166, 166, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6b6b6b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(107, 107, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: transparent; }
+
+switch:checked { background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 4px rgba(21, 21, 21, 0.075); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #313131; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #191919; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#ffffff); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #313131; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #202020; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #313131 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #2d2d2d 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #ffffff; background-color: #191919; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #191919; }
+
+list.content row:backdrop { background-color: #151515; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #202020; }
+
+row list.nested > row.activatable:backdrop { background-color: #1b1b1b; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #151515; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #909090; }
+
+expander title > arrow:disabled:backdrop { color: #414141; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #ffffff; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(255, 255, 255, 0.45); }
+
+calendar.button:hover { color: #ffffff; }
+
+calendar.button:backdrop { color: rgba(141, 141, 141, 0.45); }
+
+calendar.button:disabled { color: rgba(144, 144, 144, 0.45); }
+
+calendar.highlight { color: #909090; }
+
+calendar.highlight:backdrop { color: #414141; }
+
+calendar:backdrop { color: #8d8d8d; border-color: #2d2d2d; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #2d2d2d; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1b1b1b; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #313131; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #ececec; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #191919; }
+
+placessidebar row:disabled { color: #909090; }
+
+placessidebar row:backdrop { color: #8d8d8d; }
+
+placessidebar row:backdrop:selected { color: #151515; }
+
+placessidebar row:backdrop:disabled { color: #414141; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #202020; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1b1b1b; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #8d8d8d; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #414141; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #070707; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: white; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #8d8d8d; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #151515; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #313131; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #ffffff; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #191919; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8c8c8c; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #b9b9b9; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #525252; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: white; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #9b9b9b; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #ffffff; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #ffffff; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+.keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #ffffff; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #363636; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #191919; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #313131; }
+
+window.background.chromium > textview.view { background-color: #202020; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #191919; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #191919; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #313131; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #242424; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #151515; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #9b9b9b; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #5a5a5a; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(25, 25, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(21, 21, 21, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); }
+
+.disk-space-display.used { background-color: #ffffff; color: #ffffff; }
+
+.disk-space-display.free { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(255, 255, 255, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #191919; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #202020; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #151515; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #191919; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #151515; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #202020; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1b1b1b; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #ffffff; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #ffffff; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #191919; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #151515; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(255, 255, 255, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #191919; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #151515; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #202020; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 1px #202020; }
+
+terminal-window decoration:backdrop { background-color: #1b1b1b; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(141, 141, 141, 0.125), 0 0 0 1px #1b1b1b; }
+
+terminal-window .terminal-screen { background-color: #202020; color: #ffffff; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #191919; }
+
+.tweak-group-startup:backdrop { background-color: #151515; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #313131; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #2d2d2d; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #191919; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #151515; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #202020; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #3c3c3c; color: #ffffff; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1b1b1b; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #292929; color: #8d8d8d; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #202020; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #202020; color: #ffffff; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #191919; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #313131; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #ffffff; }
+
+wnck-pager { background-color: #2a2a2a; }
+
+wnck-pager:hover { background-color: #363636; }
+
+wnck-pager:selected { background-color: #474747; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #ffffff; color: #191919; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #191919; border: none; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#ffffff); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #e9e9e9;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #8c8c8c;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #191919;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk.css
new file mode 100644
index 000000000..56182e475
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-3.0/gtk.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #ffffff; }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #ffffff; background-color: #202020; }
+
+.gtkstyle-fallback:hover { color: #ffffff; background-color: #3a3a3a; }
+
+.gtkstyle-fallback:active { color: #ffffff; background-color: #070707; }
+
+.gtkstyle-fallback:disabled { color: #909090; background-color: #202020; }
+
+.gtkstyle-fallback:selected { color: #191919; background-color: #ffffff; }
+
+.view, iconview, .view text, iconview text, textview text { color: #ffffff; background-color: #191919; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1d1d1d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #ffffff; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #202020; border-top: 1px solid #313131; }
+
+assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #4d4d4d; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #8d8d8d; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(255, 255, 255, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #ffffff; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #191919; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #191919; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #d1d1d1; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #ffffff; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #ffffff; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #757575; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #191919; background-color: #ffffff; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: white; }
+
+:backdrop .entry-tag { color: #151515; background-color: #ffffff; }
+
+.entry-tag.button { background-color: transparent; color: rgba(25, 25, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #ffffff; color: #191919; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #ffffff; color: #191919; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ffffff), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #151515; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #414141; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #414141; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(white); background-color: white; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: white; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.899608)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #414141; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #414141; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #363636; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: white; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #757575; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #303030; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: white; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #474747; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(255, 255, 255, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(255, 255, 255, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #474747; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #191919; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #151515; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #414141; background-color: #1b1b1b; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:backdrop:disabled { color: #414141; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1b1b1b; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #202020; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1b1b1b; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #202020 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #ffffff 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #202020; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #2d2d2d; background-color: #1b1b1b; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #191919; border-color: transparent; background-color: #ffffff; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #191919; background-color: #ffffff; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #191919; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #eeeeee; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #e2e2e2; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #d1d1d1; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #c6c6c6 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #242424; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #f4f4f4; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #414141; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(25, 25, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #151515; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(255, 255, 255, 0.125); border-top-color: #202020; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #5f5f5f; border-top-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view:disabled { color: #909090; }
+
+treeview.view:disabled:selected { color: #a3a3a3; }
+
+treeview.view:disabled:selected:backdrop { color: #797979; }
+
+treeview.view:disabled:backdrop { color: #414141; }
+
+treeview.view.separator { min-height: 2px; color: #202020; }
+
+treeview.view.separator:backdrop { color: #1b1b1b; }
+
+treeview.view:backdrop { border-left-color: #545454; border-top: #1b1b1b; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #ffffff; }
+
+treeview.view.expander:selected { color: #5e5e5e; }
+
+treeview.view.expander:selected:hover { color: #191919; }
+
+treeview.view.expander:selected:backdrop { color: #404040; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: dimgray; }
+
+treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view header button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #ffffff; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #ffffff; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #202020; background-image: none; }
+
+treeview.view header button:backdrop { color: #545454; border-color: #1b1b1b; border-style: none solid solid none; background-image: none; background-color: #151515; }
+
+treeview.view header button:backdrop:disabled { border-color: #1b1b1b; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1b1b1b; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #363636; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #191919; border: 1px solid rgba(49, 49, 49, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #151515; border-color: rgba(45, 45, 45, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #363636; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #909090; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #414141; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #8d8d8d; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #191919; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #303030; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #303030; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3c3c3c; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #151515; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #191919; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #151515; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(45, 45, 45, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(255, 255, 255, 0.1); }
+
+notebook > header tab:backdrop { color: #8d8d8d; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #2d2d2d; border-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; }
+
+scrollbar slider:hover { background-color: #d2d2d2; }
+
+scrollbar slider:hover:active { background-color: #ffffff; }
+
+scrollbar slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #ffffff; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #ffffff; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a6a6a6; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #d2d2d2; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(166, 166, 166, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6b6b6b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(107, 107, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: transparent; }
+
+switch:checked { background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 4px rgba(21, 21, 21, 0.075); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #313131; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #191919; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#ffffff); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #313131; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #202020; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #313131 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #2d2d2d 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #ffffff; background-color: #191919; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #191919; }
+
+list.content row:backdrop { background-color: #151515; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #202020; }
+
+row list.nested > row.activatable:backdrop { background-color: #1b1b1b; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #151515; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #909090; }
+
+expander title > arrow:disabled:backdrop { color: #414141; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #ffffff; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(255, 255, 255, 0.45); }
+
+calendar.button:hover { color: #ffffff; }
+
+calendar.button:backdrop { color: rgba(141, 141, 141, 0.45); }
+
+calendar.button:disabled { color: rgba(144, 144, 144, 0.45); }
+
+calendar.highlight { color: #909090; }
+
+calendar.highlight:backdrop { color: #414141; }
+
+calendar:backdrop { color: #8d8d8d; border-color: #2d2d2d; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #2d2d2d; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1b1b1b; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #313131; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #ececec; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #191919; }
+
+placessidebar row:disabled { color: #909090; }
+
+placessidebar row:backdrop { color: #8d8d8d; }
+
+placessidebar row:backdrop:selected { color: #151515; }
+
+placessidebar row:backdrop:disabled { color: #414141; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #202020; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1b1b1b; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #8d8d8d; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #414141; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #070707; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: white; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #8d8d8d; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #151515; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #313131; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #ffffff; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #191919; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8c8c8c; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #b9b9b9; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #525252; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: white; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #9b9b9b; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #ffffff; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #ffffff; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+.keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #ffffff; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #363636; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #191919; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #313131; }
+
+window.background.chromium > textview.view { background-color: #202020; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #191919; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #191919; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #313131; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #242424; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #151515; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #9b9b9b; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #5a5a5a; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(25, 25, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(21, 21, 21, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); }
+
+.disk-space-display.used { background-color: #ffffff; color: #ffffff; }
+
+.disk-space-display.free { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(255, 255, 255, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #191919; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #202020; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #151515; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #191919; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #151515; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #202020; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1b1b1b; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #ffffff; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #ffffff; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #191919; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #151515; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(255, 255, 255, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #191919; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #151515; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #202020; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 1px #202020; }
+
+terminal-window decoration:backdrop { background-color: #1b1b1b; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(141, 141, 141, 0.125), 0 0 0 1px #1b1b1b; }
+
+terminal-window .terminal-screen { background-color: #202020; color: #ffffff; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #191919; }
+
+.tweak-group-startup:backdrop { background-color: #151515; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #313131; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #2d2d2d; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #191919; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #151515; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #202020; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #3c3c3c; color: #ffffff; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1b1b1b; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #292929; color: #8d8d8d; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #202020; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #202020; color: #ffffff; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #191919; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #313131; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #ffffff; }
+
+wnck-pager { background-color: #2a2a2a; }
+
+wnck-pager:hover { background-color: #363636; }
+
+wnck-pager:selected { background-color: #474747; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #ffffff; color: #191919; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #191919; border: none; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#ffffff); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #e9e9e9;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #8c8c8c;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #191919;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..c9d4a11a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #ffffff; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #ffffff; background-color: #191919; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1d1d1d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #ececec; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #363636; }
+
+gridview > child.activatable:active { background-color: #414141; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #ffffff; background-color: #191919; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(255, 255, 255, 0.3); }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #202020; padding: 6px; border-top: 1px solid #313131; }
+
+window.assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #363636; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #ffffff; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #d1d1d1; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #ffffff; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #ffffff; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #757575; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #757575; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #525252; color: white; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #ffffff 0%, rgba(255, 255, 255, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #ffffff 95%, rgba(255, 255, 255, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #ffffff; background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #8d8d8d; background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #191919; background: image(white); background-color: white; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #151515; background-color: white; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #191919; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #151515; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #ffffff 96%, rgba(255, 255, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #363636; }
+
+modelbutton.flat:disabled { color: #909090; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: white; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #757575; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #303030; }
+
+button.link:active, link:active { color: white; }
+
+*:selected button.link:active, *:selected link:active { color: #474747; }
+
+button.link:disabled, link:disabled { color: rgba(255, 255, 255, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #474747; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #525252; color: white; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+spinbutton.vertical > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #ffffff; background-color: #363636; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #313131; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #202020; }
+
+searchbar > revealer > box:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #ffffff; background-color: #202020; box-shadow: inset -1px 0 #313131; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #8d8d8d; background-color: #1b1b1b; background-image: none; box-shadow: inset -1px 0 #2d2d2d; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #313131; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #313131; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #474747; border-top-color: #474747; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #909090; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #a3a3a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #b9b9b9; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #474747; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #303030; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #303030; border-top-color: #303030; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #ffffff; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #5e5e5e; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #191919; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #8c8c8c; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #c6c6c6; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #ffffff; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #ffffff; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #545454; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #ffffff; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #202020; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #191919; background-clip: padding-box; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #313131; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #191919; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#363636); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #414141; border-color: #414141; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #191919; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #ffffff; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #ffffff; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #ffffff; background-color: #363636; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #ffffff; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #ffffff; background-color: #414141; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #4d4d4d 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #363636; }
+
+menubar > item:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #d2d2d2; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #ffffff; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#ffffff,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#313131,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #313131; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(25, 25, 25, 0.6); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { outline-color: #191919; box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #313131; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #191919; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#ffffff); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #ffffff; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #ffffff; outline: none; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #ffffff; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #202020; }
+
+frame:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow > junction { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #ffffff; background-color: #191919; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #ffffff; }
+
+row.activatable:backdrop { color: #8d8d8d; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; color: #ffffff; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+row.activatable:selected { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #474747; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #a4a4a4; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(255, 255, 255, 0.3); color: #ffffff; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #313131; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #2d2d2d; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #909090; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #ffffff; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #313131; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #ffffff; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#ffffff,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #202020; }
+
+.sidebar:backdrop { background-color: #1b1b1b; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #313131; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #363636; border-radius: 8px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #292929; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #909090; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #313131; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #2d2d2d; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #313131; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #2d2d2d; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #313131, inset -1px 0 #313131; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #2d2d2d, inset -1px 0 #2d2d2d; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #313131; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #2d2d2d; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #313131, inset 0 -1px #313131; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #2d2d2d, inset 0 -1px #2d2d2d; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #ffffff; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #ffffff; }
+
+.content-view .tile:disabled { background-color: #202020; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #ffffff; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #191919; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8c8c8c; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #b9b9b9; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #525252; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: white; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #9b9b9b; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #ffffff; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #313131; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #313131; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; background-color: transparent; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #ffffff; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #ffffff; color: #191919; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #363636; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #313131; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #ffffff; }
+
+indicatorbin.needs-attention > indicator > label { color: #191919; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #4d4d4d; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #434343; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #ffffff; color: #191919; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #191919; }
+
+splitbutton.opaque { background-color: #414141; color: #ffffff; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #ffffff; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #313131; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested { margin: 12px; background-color: #202020; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1b1b1b; }
+
+row.expander list.nested > row { border-bottom: 1px solid #313131; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 8px 1px rgba(25, 25, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #ffffff; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #4d4d4d; }
+
+tabbar tabbox > separator:backdrop { background-color: #434343; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #ffffff; }
+
+tabbar tab { color: #d1d1d1; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #8d8d8d; background-color: rgba(141, 141, 141, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #191919; color: #ffffff; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #151515; color: #8d8d8d; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #3c3c3c; background-image: none; color: #ffffff; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); outline: 1px solid rgba(255, 255, 255, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #ffffff; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #ffffff; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#ffffff,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(141, 141, 141, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #191919; color: #ffffff; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#191919,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#191919,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#191919,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #191919; color: #ffffff; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #151515; color: #8d8d8d; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #ffffff; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #191919; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #151515; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(255, 255, 255, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(141, 141, 141, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #202020; color: #ffffff; }
+
+window.messagedialog:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #ffffff;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0a0a;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #ffffff;
+@define-color accent_fg_color #191919;
+@define-color accent_color #ffffff;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #191919;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #191919;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #191919;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #191919;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #202020;
+@define-color window_fg_color #ffffff;
+@define-color view_bg_color #191919;
+@define-color view_fg_color #ffffff;
+@define-color headerbar_bg_color #202020;
+@define-color headerbar_fg_color #ffffff;
+@define-color headerbar_border_color #313131;
+@define-color headerbar_backdrop_color #1b1b1b;
+@define-color headerbar_shade_color #313131;
+@define-color card_bg_color #191919;
+@define-color card_fg_color #ffffff;
+@define-color card_shade_color #313131;
+@define-color dialog_bg_color #202020;
+@define-color dialog_fg_color #ffffff;
+@define-color popover_bg_color #191919;
+@define-color popover_fg_color #ffffff;
+@define-color shade_color #313131;
+@define-color scrollbar_outline_color #313131;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk.css
new file mode 100644
index 000000000..c9d4a11a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/gtk-4.0/gtk.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #ffffff; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #ffffff; background-color: #191919; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1d1d1d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #ececec; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #363636; }
+
+gridview > child.activatable:active { background-color: #414141; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #ffffff; background-color: #191919; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(255, 255, 255, 0.3); }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #202020; padding: 6px; border-top: 1px solid #313131; }
+
+window.assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #363636; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #ffffff; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #d1d1d1; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #ffffff; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #ffffff; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #757575; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #757575; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #525252; color: white; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #ffffff 0%, rgba(255, 255, 255, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #ffffff 95%, rgba(255, 255, 255, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #ffffff; background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #8d8d8d; background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #191919; background: image(white); background-color: white; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #151515; background-color: white; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #191919; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #151515; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #ffffff 96%, rgba(255, 255, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #363636; }
+
+modelbutton.flat:disabled { color: #909090; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: white; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #757575; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #303030; }
+
+button.link:active, link:active { color: white; }
+
+*:selected button.link:active, *:selected link:active { color: #474747; }
+
+button.link:disabled, link:disabled { color: rgba(255, 255, 255, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #474747; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #525252; color: white; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+spinbutton.vertical > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #ffffff; background-color: #363636; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #313131; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #202020; }
+
+searchbar > revealer > box:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #ffffff; background-color: #202020; box-shadow: inset -1px 0 #313131; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #8d8d8d; background-color: #1b1b1b; background-image: none; box-shadow: inset -1px 0 #2d2d2d; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #313131; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #313131; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #474747; border-top-color: #474747; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #909090; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #a3a3a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #b9b9b9; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #474747; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #303030; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #303030; border-top-color: #303030; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #ffffff; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #5e5e5e; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #191919; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #8c8c8c; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #c6c6c6; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #ffffff; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #ffffff; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #545454; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #ffffff; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #202020; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #191919; background-clip: padding-box; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #313131; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #191919; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#363636); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #414141; border-color: #414141; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #191919; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #ffffff; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #ffffff; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #ffffff; background-color: #363636; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #ffffff; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #ffffff; background-color: #414141; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #4d4d4d 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #363636; }
+
+menubar > item:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #d2d2d2; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #ffffff; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#ffffff,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#313131,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #313131; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(25, 25, 25, 0.6); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { outline-color: #191919; box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #313131; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #191919; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#ffffff); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #ffffff; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #ffffff; outline: none; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #ffffff; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #202020; }
+
+frame:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow > junction { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #ffffff; background-color: #191919; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #ffffff; }
+
+row.activatable:backdrop { color: #8d8d8d; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; color: #ffffff; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+row.activatable:selected { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #474747; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #a4a4a4; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(255, 255, 255, 0.3); color: #ffffff; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #313131; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #2d2d2d; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #909090; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #ffffff; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #313131; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #ffffff; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#ffffff,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #202020; }
+
+.sidebar:backdrop { background-color: #1b1b1b; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #313131; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #363636; border-radius: 8px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #292929; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #909090; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #313131; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #2d2d2d; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #313131; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #2d2d2d; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #313131, inset -1px 0 #313131; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #2d2d2d, inset -1px 0 #2d2d2d; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #313131; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #2d2d2d; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #313131, inset 0 -1px #313131; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #2d2d2d, inset 0 -1px #2d2d2d; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #ffffff; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #ffffff; }
+
+.content-view .tile:disabled { background-color: #202020; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #ffffff; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #191919; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8c8c8c; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #b9b9b9; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #525252; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: white; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #9b9b9b; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #ffffff; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #313131; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #313131; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; background-color: transparent; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #ffffff; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #ffffff; color: #191919; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #363636; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #313131; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #ffffff; }
+
+indicatorbin.needs-attention > indicator > label { color: #191919; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #4d4d4d; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #434343; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #ffffff; color: #191919; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #191919; }
+
+splitbutton.opaque { background-color: #414141; color: #ffffff; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #ffffff; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #313131; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested { margin: 12px; background-color: #202020; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1b1b1b; }
+
+row.expander list.nested > row { border-bottom: 1px solid #313131; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 8px 1px rgba(25, 25, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #ffffff; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #4d4d4d; }
+
+tabbar tabbox > separator:backdrop { background-color: #434343; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #ffffff; }
+
+tabbar tab { color: #d1d1d1; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #8d8d8d; background-color: rgba(141, 141, 141, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #191919; color: #ffffff; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #151515; color: #8d8d8d; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #3c3c3c; background-image: none; color: #ffffff; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); outline: 1px solid rgba(255, 255, 255, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #ffffff; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #ffffff; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#ffffff,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(141, 141, 141, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #191919; color: #ffffff; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#191919,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#191919,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#191919,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #191919; color: #ffffff; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #151515; color: #8d8d8d; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #ffffff; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #191919; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #151515; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(255, 255, 255, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(141, 141, 141, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #202020; color: #ffffff; }
+
+window.messagedialog:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #ffffff;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0a0a;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #ffffff;
+@define-color accent_fg_color #191919;
+@define-color accent_color #ffffff;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #191919;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #191919;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #191919;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #191919;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #202020;
+@define-color window_fg_color #ffffff;
+@define-color view_bg_color #191919;
+@define-color view_fg_color #ffffff;
+@define-color headerbar_bg_color #202020;
+@define-color headerbar_fg_color #ffffff;
+@define-color headerbar_border_color #313131;
+@define-color headerbar_backdrop_color #1b1b1b;
+@define-color headerbar_shade_color #313131;
+@define-color card_bg_color #191919;
+@define-color card_fg_color #ffffff;
+@define-color card_shade_color #313131;
+@define-color dialog_bg_color #202020;
+@define-color dialog_fg_color #ffffff;
+@define-color popover_bg_color #191919;
+@define-color popover_fg_color #ffffff;
+@define-color shade_color #313131;
+@define-color scrollbar_outline_color #313131;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/index.theme
new file mode 100755
index 000000000..4813d0be8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinGrey-Dark
+Comment=The dark desktop theme with grey highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinGrey-Dark
+MetacityTheme=ZorinGrey-Dark
+IconTheme=ZorinGrey-Dark
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.png
new file mode 100644
index 000000000..0d6b59c46
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..6ce3778cd
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..0ab9b15f4
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..06fc2ebe2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..90d9a1e3d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..2b7f4d18c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.xpm
new file mode 100644
index 000000000..bcbc96ae5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..d55ebc7b3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.png
new file mode 100644
index 000000000..071181fe7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..a202130de
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.png
new file mode 100644
index 000000000..2f21fa6ed
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..ac27fb493
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #FB7C7C",
+"$ c #FB7C7C",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..08ea40cfa
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #202020",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..861e6c092
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #1b1b1b",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..d84d0aaed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #202020",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..cd8b7d47f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #202020",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.png
new file mode 100644
index 000000000..0647a393e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.png
new file mode 100644
index 000000000..c724de8ed
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..8eaa663d0
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..0ae3acd21
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..3c7c5be9f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..6bc023d19
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..90a3950ca
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..b88bf61a8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..3cc67a191
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..5d82826d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..bf613b9a3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..df466c63e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..e5c37af56
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..b8c417fb8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..6e773d90e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..44a182c36
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..ab3a0eeb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..da2f483e9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..f7f9dc9c1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..99dd1ed03
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..3844d6cec
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..377fe0e85
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..acaa19e8d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..25e2568d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..e2bffdc92
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..bb4038521
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..daf5e0428
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..202bac4e6
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..b212a2b8d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..c0b3830ab
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #1b1b1b",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..d24a91f0b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..602df7667
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #202020",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.png
new file mode 100644
index 000000000..f13d570bd
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..bf5a5a0e8
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.png
new file mode 100644
index 000000000..5acf22ae7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..4db305552
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.png
new file mode 100644
index 000000000..a56df1a77
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..b0d556a28
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Dark/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..69ba89f36
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..0a26bcb53
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..260cb3ec7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..575a027de
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..f5ea8df6d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..44a213d79
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..44a213d79
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..76c0d967e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..aab00e94c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..90d8a6bdf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..81499e05c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..c9c42fce5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..153131d20
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..c2d709950
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..527e89cba
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..13a11dfd1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..4d74dd784
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..d01c7d9ee
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..1785cd5d8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..ef54e42b5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..8bd8d8d89
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..4131d7ce1
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..82b18f5af
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #29292a; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #29292a; background-color: rgba(255, 255, 255, 0.925); border: 1px solid transparent; border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #29292a; background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #29292a; background-color: #f7f7f7; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #29292a; background-color: #e8e8e8; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #29292a; background-color: #dadbdb; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #d1d1d1; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #c3c3c3; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #29292a; background-color: #dddddd; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #29292a; background-color: #cecece; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #29292a; background-color: #e8e8e8; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #29292a; background-color: #dadbdb; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #d1d1d1; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #c3c3c3; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #29292a; background-color: #dddddd; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #29292a; background-color: #cecece; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #29292a; background-color: rgba(41, 41, 42, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #29292a; background-color: #dadbdb; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #d1d1d1; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #c3c3c3; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #29292a; background-color: rgba(41, 41, 42, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #29292a; background-color: rgba(41, 41, 42, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #29292a; background-color: rgba(221, 221, 221, 0.937563); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(210, 211, 211, 0.940938); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(195, 195, 195, 0.946); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #29292a; background-color: rgba(225, 225, 225, 0.934375); box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #29292a; background-color: rgba(207, 207, 207, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #47494a; }
+
+.shell-link:hover { color: #606264; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(41, 41, 42, 0.175); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(41, 41, 42, 0.175); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #29292a; background-color: white; color: #29292a; border: 1px solid #e8e8e8; box-shadow: none; selection-background-color: #d5d5d6; selected-color: #2f2f30; }
+
+StEntry:focus { background-color: white; border-color: #606264; color: #29292a; box-shadow: inset 0 0 0 1px #606264; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #909091; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #f88052; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(41, 41, 42, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); }
+
+/* Switches */
+.toggle-switch { color: #29292a; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #e8e8e8; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #606264; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #a5a5a5; color: white; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #7b7b7c; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #525253; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #29292a; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #29292a; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid transparent; box-shadow: 0 6px 12px rgba(41, 41, 42, 0.175); background-color: #f7f7f7; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #e2e2e3 !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #d8d8d8 !important; }
+
+.popup-menu-item:checked { background-color: white !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #e8e8e8; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #e2e2e3 !important; }
+
+.popup-menu-item:checked:active { background-color: #d8d8d8 !important; }
+
+.popup-menu-item:active { background-color: #e5e5e5; color: #29292a; }
+
+.popup-menu-item:insensitive { color: rgba(41, 41, 42, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #29292a; }
+
+.popup-inactive-menu-item:insensitive { color: #909091; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: white; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #e2e2e3 !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: white !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #e2e2e3 !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #d8d8d8 !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #e8e8e8; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #fafafa; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.datemenu-today-button:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.datemenu-today-button:hover { color: #29292a; background-color: #e8e8e8; }
+
+.datemenu-today-button:active { color: #29292a; background-color: #dddddd; }
+
+.datemenu-today-button .day-label { color: #909091; }
+
+.datemenu-today-button .date-label { color: #29292a; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.calendar:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.calendar:hover { color: #29292a; background-color: #e8e8e8; }
+
+.calendar:active { color: #29292a; background-color: #dddddd; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #29292a; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #e2e2e3; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #d8d8d8; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #e2e2e3; }
+
+.calendar .calendar-day-base:focus { background-color: #d9d9da; color: #29292a; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #29292a; background-color: #d8d8d8; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #d8d8d8; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #909091; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #29292a; }
+
+.calendar .calendar-other-month-day { color: rgba(41, 41, 42, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(41, 41, 42, 0.5); }
+
+.calendar .calendar-today { background-color: #606264; font-weight: 800; color: white !important; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: 0 2px 4px rgba(97, 113, 124, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #676a6c; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; color: inherit; box-shadow: 0 2px 4px rgba(97, 113, 124, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #61717c; color: white; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(41, 41, 42, 0.075); color: #909091; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #29292a; background-color: white; padding: 12px; }
+
+.events-button:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.events-button:hover { color: #29292a; background-color: #e8e8e8; }
+
+.events-button:active { color: #29292a; background-color: #dddddd; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #909091; margin-bottom: 4px; }
+
+.events-button .event-time { color: #909091; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #29292a; background-color: white; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.world-clocks-button:hover { color: #29292a; background-color: #e8e8e8; }
+
+.world-clocks-button:active { color: #29292a; background-color: #dddddd; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #909091; }
+
+.world-clocks-button .world-clocks-city { color: #29292a; }
+
+.world-clocks-button .world-clocks-time { color: #29292a; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #909091; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #29292a; background-color: white; padding: 12px; }
+
+.weather-button:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.weather-button:hover { color: #29292a; background-color: #e8e8e8; }
+
+.weather-button:active { color: #29292a; background-color: #dddddd; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #909091; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #29292a; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(144, 144, 145, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: white; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(96, 98, 100, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #29292a; background-color: white; background-color: rgba(255, 255, 255, 0.925); }
+
+.message:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.message:hover { color: #29292a; background-color: #e8e8e8; }
+
+.message:active { color: #29292a; background-color: #dddddd; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(41, 41, 42, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #29292a; background-color: rgba(41, 41, 42, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(41, 41, 42, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(41, 41, 42, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #29292a; }
+
+.url-highlighter { link-color: #47494a; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #29292a; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(41, 41, 42, 0.075); color: #29292a; }
+
+.message-media-control:active { background-color: rgba(41, 41, 42, 0.125); color: #29292a; }
+
+.message-media-control:insensitive { color: #909091; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #29292a; background-color: rgba(41, 41, 42, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #909091; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #606264; color: white; }
+
+.candidate-box:hover { background-color: #e2e2e3; color: #29292a; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(41, 41, 42, 0.175); border-radius: 12px; margin: 8px; border: none; }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #606264; color: white; border: 2px solid #29292a; box-shadow: 0 2px 2px rgba(41, 41, 42, 0.175); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #29292a; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#29292a, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(41, 41, 42, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fa4444; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff5966; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #f91212; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #909091; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #5d5d5d; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #5d5d5d; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fa4444; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fa4444; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #e2e2e3; }
+
+.audio-selection-device:active { background-color: #606264; color: white; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(41, 41, 42, 0.175); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(41, 41, 42, 0.25); -barlevel-active-background-color: #29292a; -barlevel-overdrive-color: #fa4444; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(41, 41, 42, 0.175); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(41, 41, 42, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(41, 41, 42, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(41, 41, 42, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(41, 41, 42, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(41, 41, 42, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(41, 41, 42, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(41, 41, 42, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(41, 41, 42, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #e8e8e8; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(41, 41, 42, 0.8); color: rgba(41, 41, 42, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #29292a; color: #29292a; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #606264; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(41, 41, 42, 0.175); }
+
+.ws-switcher-indicator { background-color: rgba(41, 41, 42, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #29292a; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(41, 41, 42, 0.175); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(41, 41, 42, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(41, 41, 42, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #e2e2e3; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(41, 41, 42, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #29292a; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fa4444; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fb5d5d; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #f92121; }
+
+.screenshot-ui-shot-cast-container { background-color: #cecece; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #29292a; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(41, 41, 42, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(41, 41, 42, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: white; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.025); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(41, 41, 42, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(219, 219, 219, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(207, 207, 207, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(195, 195, 196, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #606264; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #f7f7f7; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(96, 98, 100, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #606264; background-color: rgba(96, 98, 100, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: white; background-color: #606264; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(255, 255, 255, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #29292a; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fa4444; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #f88052; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: white; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(41, 41, 42, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(250, 68, 68, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: white; box-shadow: inset 0 0 0 100px rgba(248, 128, 82, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #f88052; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(134, 136, 139, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: white; background-color: #61717c; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(96, 98, 100, 0.1); }
+
+.quick-toggle:checked:active { color: white; background-color: #47494a; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(41, 41, 42, 0.075); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #29292a; background-color: #dadbdb; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #d1d1d1; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #c3c3c3; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: white; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(41, 41, 42, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #29292a; background-color: #e8e8e8; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #f7f7f7; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(255, 255, 255, 0.925); color: #29292a; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(41, 41, 42, 0.175); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #d4d4d4; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #a9a9aa; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(41, 41, 42, 0.175); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: white; color: #29292a; border: 1px solid #e8e8e8; box-shadow: none; border-color: rgba(41, 41, 42, 0.25); }
+
+.search-entry:focus { background-color: white; border-color: #606264; color: #29292a; box-shadow: inset 0 0 0 1px #606264; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #909091; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(255, 255, 255, 0.75); border-radius: 24px; border: 1px solid transparent; color: #29292a; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(41, 41, 42, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(41, 41, 42, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(41, 41, 42, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(41, 41, 42, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(41, 41, 42, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(41, 41, 42, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(41, 41, 42, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(41, 41, 42, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #29292a; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(41, 41, 42, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #29292a; }
+
+.dash-background { background-color: rgba(255, 255, 255, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(41, 41, 42, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #29292a; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(41, 41, 42, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(41, 41, 42, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #29292a; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(41, 41, 42, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(41, 41, 42, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(41, 41, 42, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #29292a; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: white; background-color: #fa4444; background-gradient-direction: horizontal; background-gradient-start: #ff2626; background-gradient-end: #ff5966; box-shadow: 0 2px 4px 0 rgba(250, 68, 68, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #29292a; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(41, 41, 42, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #29292a; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(41, 41, 42, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(41, 41, 42, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(41, 41, 42, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(41, 41, 42, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(96, 98, 100, 0.8); background-color: rgba(96, 98, 100, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(221, 221, 221, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #29292a; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #29292a; background-color: #d0d0d0; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #29292a; background-color: #c5c5c5; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #bdbdbd; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #b0b0b1; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #29292a; background-color: #c7c7c7; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #29292a; background-color: #b9b9b9; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: white; background-color: #606264; background-gradient-direction: horizontal; background-gradient-start: #4b5560; background-gradient-end: #61717c; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #29292a; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #29292a; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #29292a; color: #f7f7f7; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(41, 41, 42, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(41, 41, 42, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(41, 41, 42, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #29292a; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(41, 41, 42, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #29292a; background-color: #d0d0d0; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #29292a; background-color: #c7c7c7; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #606264; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(134, 136, 139, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #606264; -pie-background-color: rgba(147, 149, 151, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #606264; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(96, 98, 100, 0.3); border: 1px solid #606264; }
+
+.user-icon { background-size: contain; color: #29292a; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(41, 41, 42, 0.875); }
+
+.user-icon StIcon { background-color: rgba(41, 41, 42, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #f88052; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #f7f7f7; background-image: url("assets/texture.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(96, 98, 100, 0.5); border: 1px solid #606264; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(255, 255, 255, 0.9625); box-shadow: inset 0 1px 0 0 #e8e8e8; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #29292a; background-color: rgba(41, 41, 42, 0.125); }
+
+.keyboard-key:focus { color: #29292a; background-color: rgba(69, 70, 71, 0.125); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(69, 70, 71, 0.2); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(69, 70, 71, 0.275); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.keyboard-key:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.2); }
+
+.keyboard-key:active { color: #29292a; background-color: rgba(41, 41, 42, 0.275); }
+
+.keyboard-key:checked { color: white; background-color: #606264; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(41, 41, 42, 0.25); color: #909091; }
+
+.keyboard-key.default-key { color: #29292a; background-color: rgba(148, 148, 149, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #29292a; background-color: rgba(148, 148, 149, 0.2); }
+
+.keyboard-key.default-key:active { color: #29292a; background-color: rgba(148, 148, 149, 0.275); }
+
+.keyboard-key.default-key:checked { color: white; background-color: #606264; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #606264; color: white; border-color: transparent; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.keyboard-key.enter-key { color: #606264; background-color: rgba(96, 98, 100, 0.125); border-radius: 12px; color: #29292a; }
+
+.keyboard-key.enter-key:hover { color: #606264; background-color: rgba(96, 98, 100, 0.2); }
+
+.keyboard-key.enter-key:active { color: #606264; background-color: rgba(96, 98, 100, 0.275); }
+
+.keyboard-key.enter-key:checked { color: white; background-color: #606264; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #606264; color: white; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #61717c; color: white; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(255, 255, 255, 0.925); -arrow-border-width: 1px; -arrow-border-color: #e8e8e8; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #29292a; background-color: rgba(41, 41, 42, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #29292a; background-color: rgba(69, 70, 71, 0.125); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(69, 70, 71, 0.2); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(69, 70, 71, 0.275); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #29292a; background-color: rgba(41, 41, 42, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: white; background-color: #606264; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #606264; background-color: #606264; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #29292a; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #29292a; background-color: rgba(69, 70, 71, 0.125); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(69, 70, 71, 0.2); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(69, 70, 71, 0.275); box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.7); }
+
+.word-suggestions StButton:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.2); }
+
+.word-suggestions StButton:active { color: #29292a; background-color: rgba(41, 41, 42, 0.275); }
+
+.word-suggestions StButton:checked { color: white; background-color: #606264; box-shadow: 0 4px 8px rgba(96, 98, 100, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(255, 255, 255, 0.925); border-radius: 16px; border: 1px solid transparent; color: #29292a; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(41, 41, 42, 0.175); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #29292a; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #29292a; background-color: rgba(41, 41, 42, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #606264; selected-color: white; }
+
+.lg-dialog .shell-link { color: #47494a; }
+
+.lg-dialog .shell-link:hover { color: #606264; }
+
+.lg-dialog .shell-link:active { color: #2e2f30; }
+
+.lg-dialog .actor-link { color: #909091; }
+
+.lg-dialog .actor-link:hover { color: #aaaaaa; }
+
+.lg-dialog .actor-link:active { color: #767678; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(41, 41, 42, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(41, 41, 42, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #29292a; background-color: white; }
+
+.lg-extension:focus { background-color: #efeff0; box-shadow: inset 0 0 0 2px rgba(96, 98, 100, 0.6); }
+
+.lg-extension:hover { color: #29292a; background-color: #e8e8e8; }
+
+.lg-extension:active { color: #29292a; background-color: #dddddd; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(255, 255, 255, 0.925); border: 1px solid rgba(41, 41, 42, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #29292a; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: #4f4f51; }
+
+.lg-debug-flag-button:active { color: #030303; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #141414; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #141414; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #141414; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #141414; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(247, 247, 247, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(247, 247, 247, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(247, 247, 247, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/process-working.svg
new file mode 100644
index 000000000..62f09345d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-2.0/gtkrc
new file mode 100644
index 000000000..4330ead1c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#29292a\nbg_color:#f7f7f7\nbase_color:#fff\ntext_color:#29292a\nselected_bg_color:#606264\nselected_fg_color:#fff\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#f7f7f7\npanel_fg_color:#29292a"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..2ccb0e861
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..ce09a1433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,156 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..ea96612e2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..cca96b232
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..354258dc7
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..b8637bb3b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..5fe2562f0
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
new file mode 100644
index 000000000..f672b7843
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png
new file mode 100644
index 000000000..a784f074e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
new file mode 100644
index 000000000..566a30868
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png
new file mode 100644
index 000000000..82983f752
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.svg
new file mode 100644
index 000000000..ac1c01315
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png
new file mode 100644
index 000000000..f8f3e6716
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-end-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.svg
new file mode 100644
index 000000000..ba2aa4765
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png
new file mode 100644
index 000000000..34d89ad5d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/assets/text-select-start-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk-dark.css
new file mode 100644
index 000000000..56182e475
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk-dark.css
@@ -0,0 +1,2454 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fb7c7c; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #ffffff; }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #ffffff; background-color: #202020; }
+
+.gtkstyle-fallback:hover { color: #ffffff; background-color: #3a3a3a; }
+
+.gtkstyle-fallback:active { color: #ffffff; background-color: #070707; }
+
+.gtkstyle-fallback:disabled { color: #909090; background-color: #202020; }
+
+.gtkstyle-fallback:selected { color: #191919; background-color: #ffffff; }
+
+.view, iconview, .view text, iconview text, textview text { color: #ffffff; background-color: #191919; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #1d1d1d; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.accent { color: #ffffff; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #202020; border-top: 1px solid #313131; }
+
+assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #4d4d4d; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #8d8d8d; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(255, 255, 255, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #ffffff; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: #191919; background-color: #fb7c7c; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #faa483; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #faa483; background-color: #191919; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #ffffff; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: #191919; background-color: #faa483; }
+
+spinbutton:not(.vertical) image, entry image { color: #d1d1d1; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #ffffff; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #ffffff; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #757575; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: #191919; background-color: #ffffff; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: white; }
+
+:backdrop .entry-tag { color: #151515; background-color: #ffffff; }
+
+.entry-tag.button { background-color: transparent; color: rgba(25, 25, 25, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #ffffff; color: #191919; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #ffffff; color: #191919; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ffffff), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: #151515; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #8d8d8d; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #414141; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #414141; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(white); background-color: white; box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: white; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 4px rgba(251, 124, 124, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: #151515; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: #151515; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #414141; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #ee7979; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #414141; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #8d8d8d; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ffffff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.899608)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8d8d8d; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #414141; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #414141; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #363636; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: white; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: white; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #757575; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: white; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #303030; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: white; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #474747; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(255, 255, 255, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(255, 255, 255, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #474747; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #191919; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #151515; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #414141; background-color: #1b1b1b; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:backdrop:disabled { color: #414141; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #1b1b1b; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #202020; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #1b1b1b; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #202020 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #ffffff 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #202020; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #2d2d2d; background-color: #1b1b1b; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #191919; border-color: transparent; background-color: #ffffff; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: #191919; background-color: #ffffff; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #191919; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #eeeeee; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #e2e2e2; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #d1d1d1; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #c6c6c6 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #242424; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #323232; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #f4f4f4; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #414141; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #8d8d8d; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #414141; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(25, 25, 25, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: #151515; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(255, 255, 255, 0.125); border-top-color: #202020; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #5f5f5f; border-top-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view:disabled { color: #909090; }
+
+treeview.view:disabled:selected { color: #a3a3a3; }
+
+treeview.view:disabled:selected:backdrop { color: #797979; }
+
+treeview.view:disabled:backdrop { color: #414141; }
+
+treeview.view.separator { min-height: 2px; color: #202020; }
+
+treeview.view.separator:backdrop { color: #1b1b1b; }
+
+treeview.view:backdrop { border-left-color: #545454; border-top: #1b1b1b; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #ffffff; }
+
+treeview.view.expander:selected { color: #5e5e5e; }
+
+treeview.view.expander:selected:hover { color: #191919; }
+
+treeview.view.expander:selected:backdrop { color: #404040; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: dimgray; }
+
+treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+treeview.view header button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #ffffff; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #ffffff; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #202020; background-image: none; }
+
+treeview.view header button:backdrop { color: #545454; border-color: #1b1b1b; border-style: none solid solid none; background-image: none; background-color: #151515; }
+
+treeview.view header button:backdrop:disabled { border-color: #1b1b1b; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #1b1b1b; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #363636; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: #191919; border: 1px solid rgba(49, 49, 49, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #151515; border-color: rgba(45, 45, 45, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #363636; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #909090; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #414141; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #8d8d8d; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #191919; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #303030; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #303030; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #3c3c3c; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #151515; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: #191919; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.csd popover.background, popover.background { border: 1px solid rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: #151515; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); border-color: rgba(45, 45, 45, 0.75); }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(255, 255, 255, 0.1); }
+
+notebook > header tab:backdrop { color: #8d8d8d; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #2d2d2d; border-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; }
+
+scrollbar slider:hover { background-color: #d2d2d2; }
+
+scrollbar slider:hover:active { background-color: #ffffff; }
+
+scrollbar slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #ffffff; border: 1px solid black; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #ffffff; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a6a6a6; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #d2d2d2; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(166, 166, 166, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #6b6b6b; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(107, 107, 107, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: transparent; }
+
+switch:checked { background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 4px rgba(21, 21, 21, 0.075); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #313131; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid #191919; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: image(#ffffff); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #313131; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px transparent; }
+
+scale slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: white; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #ffffff; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #535353; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #ffffff; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: white; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #ffffff; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #535353; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #a4a4a4; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #393939; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid #595959; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #202020; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#2d2d2d), to(rgba(45, 45, 45, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #313131 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #2d2d2d 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #ffffff; background-color: #191919; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: #191919; }
+
+list.content row:backdrop { background-color: #151515; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #202020; }
+
+row list.nested > row.activatable:backdrop { background-color: #1b1b1b; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: #151515; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: white; }
+
+expander title > arrow:disabled { color: #909090; }
+
+expander title > arrow:disabled:backdrop { color: #414141; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #ffffff; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(255, 255, 255, 0.45); }
+
+calendar.button:hover { color: #ffffff; }
+
+calendar.button:backdrop { color: rgba(141, 141, 141, 0.45); }
+
+calendar.button:disabled { color: rgba(144, 144, 144, 0.45); }
+
+calendar.highlight { color: #909090; }
+
+calendar.highlight:backdrop { color: #414141; }
+
+calendar:backdrop { color: #8d8d8d; border-color: #2d2d2d; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #2d2d2d; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #1b1b1b; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #313131; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #ececec; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: #191919; }
+
+placessidebar row:disabled { color: #909090; }
+
+placessidebar row:backdrop { color: #8d8d8d; }
+
+placessidebar row:backdrop:selected { color: #151515; }
+
+placessidebar row:backdrop:disabled { color: #414141; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.4); }
+
+placesview list { background-color: #202020; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #1b1b1b; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #4b3127; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; outline-color: rgba(250, 164, 131, 0.3); background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #8d8d8d; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #414141; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #070707; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: white; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark overlay { border-color: #4cd9a4; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #8d8d8d; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #151515; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #313131; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #ffffff; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #191919; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #8c8c8c; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #b9b9b9; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #525252; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: white; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #9b9b9b; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #ffffff; }
+
+cursor-handle:hover { color: white; }
+
+cursor-handle:active { color: #ffffff; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+.keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #ffffff; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #363636; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: #191919; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #313131; }
+
+window.background.chromium > textview.view { background-color: #202020; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #313131; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: #191919; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: #191919; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #313131; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #242424; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #313131 6px, rgba(49, 49, 49, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #242424 6px, rgba(36, 36, 36, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #323232; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #8d8d8d; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: #151515; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #414141; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #9b9b9b; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #5a5a5a; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(25, 25, 25, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(21, 21, 21, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); }
+
+.disk-space-display.used { background-color: #ffffff; color: #ffffff; }
+
+.disk-space-display.free { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(255, 255, 255, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: #191919; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #202020; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: #a4a4a4; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: #151515; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: #191919; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: #151515; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.4); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #202020; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #1b1b1b; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #ffffff; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #ffffff; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #191919; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #151515; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #d1d1d1; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(255, 255, 255, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #3c3c3c; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: #292929; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #8d8d8d; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #191919; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #151515; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #202020; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 1px #202020; }
+
+terminal-window decoration:backdrop { background-color: #1b1b1b; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(141, 141, 141, 0.125), 0 0 0 1px #1b1b1b; }
+
+terminal-window .terminal-screen { background-color: #202020; color: #ffffff; }
+
+terminal-window .terminal-screen:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: #191919; }
+
+.tweak-group-startup:backdrop { background-color: #151515; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #313131; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #2d2d2d; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: #191919; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: #151515; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #202020; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #3c3c3c; color: #ffffff; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #1b1b1b; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #292929; color: #8d8d8d; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #202020; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #202020; color: #ffffff; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: #191919; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #313131; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #ffffff; }
+
+wnck-pager { background-color: #2a2a2a; }
+
+wnck-pager:hover { background-color: #363636; }
+
+wnck-pager:selected { background-color: #474747; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #ffffff; color: #191919; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: #191919; border: none; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: image(#ffffff); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #e9e9e9;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #8c8c8c;
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #191919;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk.css
new file mode 100644
index 000000000..2c4a0324a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-3.0/gtk.css
@@ -0,0 +1,2456 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #fa4444; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 8px; -gtk-secondary-caret-color: #606264; }
+
+/*************** Base States * */
+.background { color: #29292a; background-color: #f7f7f7; }
+
+.background.csd { border-radius: 0 0 12px 12px; }
+
+.background.maximized, .background.solid-csd, .background.fullscreen, .background.tiled, .background.tiled-top, .background.tiled-right, .background.tiled-bottom, .background.tiled-left { border-radius: 0; }
+
+.background:backdrop { color: #7c7c7c; background-color: #f7f7f7; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
+*:disabled { -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback { color: #29292a; background-color: #f7f7f7; }
+
+.gtkstyle-fallback:hover { color: #29292a; background-color: white; }
+
+.gtkstyle-fallback:active { color: #29292a; background-color: #dedede; }
+
+.gtkstyle-fallback:disabled { color: #909091; background-color: #f7f7f7; }
+
+.gtkstyle-fallback:selected { color: white; background-color: #606264; }
+
+.view, iconview, .view text, iconview text, textview text { color: #29292a; background-color: white; border-radius: 12px; }
+
+.view:disabled, iconview:disabled, .view text:disabled, iconview text:disabled, textview text:disabled { color: #909091; background-color: #f7f7f7; }
+
+.view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { color: #7c7c7c; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, .view text:backdrop:disabled, iconview text:backdrop:disabled, textview text:backdrop:disabled { color: #d1d1d1; background-color: #f7f7f7; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, .view text:selected, iconview text:selected, textview text:selected { border-radius: 8px; }
+
+.view.sourceview, iconview.sourceview, .view.sourceview > *, iconview.sourceview > *, textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview border { background-color: #fbfbfb; }
+
+iconview { border-radius: 0 0 12px 12px; }
+
+iconview, iconview:hover, iconview:selected { border-radius: 8px; }
+
+.rubberband, rubberband, XfdesktopIconView.view .rubberband, .content-view rubberband, .content-view .rubberband, treeview.view rubberband, flowbox rubberband { border: 1px solid #47494a; background-color: rgba(71, 73, 74, 0.2); border-radius: 0; }
+
+flowbox flowboxchild { padding: 3px; }
+
+flowbox flowboxchild:selected { outline-offset: -2px; }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+label { caret-color: currentColor; }
+
+label:disabled { color: #909091; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.accent { color: #606264; }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; }
+
+assistant .sidebar { background-color: #f7f7f7; border-top: 1px solid #e8e8e8; }
+
+assistant .sidebar:backdrop { background-color: #f7f7f7; border-color: #ebebeb; }
+
+assistant.csd .sidebar { border-top-style: none; }
+
+assistant .sidebar label { padding: 6px 12px; }
+
+assistant .sidebar label.highlight { background-color: #cecece; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box, .osd .scale-popup, .app-notification, .app-notification.frame, .osd { color: #29292a; border: none; background-color: white; background-clip: padding-box; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #7c7c7c; background-color: white; box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 0.75); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:backdrop { color: #7c7c7c; }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1, .h1 { font-weight: 800; font-size: 20pt; }
+
+.title-2, .h2 { font-weight: 800; font-size: 15pt; }
+
+.title-3, .h3 { font-weight: 700; font-size: 15pt; }
+
+.title-4, .h4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+.category-label { color: rgba(41, 41, 42, 0.8); font-weight: 700; }
+
+/**************** Text Entries * */
+spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #29292a; background-color: white; box-shadow: inset 0 0 0 1px #e8e8e8; }
+
+spinbutton:not(.vertical) image.left, entry image.left { margin-right: 6px; }
+
+spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; }
+
+spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton:focus:not(.vertical), entry:focus { color: #29292a; background-color: white; box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2), inset 0 0 0 2px #606264; }
+
+spinbutton:disabled:not(.vertical), entry:disabled { color: #909091; background-color: transparent; box-shadow: none; }
+
+spinbutton:backdrop:not(.vertical), entry:backdrop { color: #7c7c7c; background-color: white; box-shadow: inset 0 0 0 1px #ebebeb; border-color: #f7f7f7; transition: 150ms ease-out; }
+
+spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; border-color: transparent; }
+
+spinbutton.error:focus:not(.vertical), entry.error:focus { color: #fa4444; background-color: white; box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2), inset 0 0 0 2px #606264; }
+
+spinbutton.error:not(.vertical) selection, entry.error selection { color: white; background-color: #fa4444; }
+
+spinbutton.warning:not(.vertical), entry.warning { color: #f88052; border-color: transparent; }
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus { color: #f88052; background-color: white; box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2), inset 0 0 0 2px #606264; }
+
+spinbutton.warning:not(.vertical) selection, entry.warning selection { color: white; background-color: #f88052; }
+
+spinbutton:not(.vertical) image, entry image { color: #545455; }
+
+spinbutton:not(.vertical) image:hover, entry image:hover { color: #29292a; }
+
+spinbutton:not(.vertical) image:active, entry image:active { color: #606264; }
+
+spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #969696; }
+
+spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton:not(.vertical) progress, entry progress { margin: 1px -6px; background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #606264; border-style: solid; box-shadow: none; }
+
+spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; }
+
+spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+.entry-tag { padding: 5px; margin-top: 4px; margin-bottom: 4px; border-style: none; color: white; background-color: #606264; }
+
+:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
+
+:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
+
+.entry-tag:hover { background-color: #797c7e; }
+
+:backdrop .entry-tag { color: white; background-color: #606264; }
+
+.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
+
+:not(:backdrop) .entry-tag.button:hover { border: 1px solid #606264; color: white; }
+
+:not(:backdrop) .entry-tag.button:active { background-color: #606264; color: white; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#606264), to(transparent)); }
+ to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#606264), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow, viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, headerbar viewswitcher button.flat:hover:not(.text-button):not(.titlebutton), button.flat:hover { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; box-shadow: none; }
+
+button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:hover, headerbar viewswitcher button:hover:not(.text-button):not(.titlebutton), button:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+notebook > header > tabs > arrow:active, headerbar viewswitcher button:active:not(.text-button):not(.titlebutton), button:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar viewswitcher button:checked:not(.text-button):not(.titlebutton), button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar viewswitcher button:checked:active:not(.text-button):not(.titlebutton), button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar viewswitcher button:checked.toggle:not(.text-button):not(.titlebutton), button:checked.toggle { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: lightgray; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, button:checked.toggle:hover { color: #29292a; background-color: #cecece; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, button:checked.toggle:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat, button:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton) label, headerbar viewswitcher button:backdrop:not(.text-button):not(.titlebutton), button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #7c7c7c; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover, button:backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:hover label, notebook > header > tabs > arrow:backdrop:hover, headerbar viewswitcher button:backdrop:hover:not(.text-button):not(.titlebutton), button:backdrop.flat:hover label, button:backdrop.flat:hover, button:backdrop:hover label, button:backdrop:hover { color: #7c7c7c; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active, button:backdrop:active { background-color: #dedede; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar viewswitcher button:backdrop:active:not(.text-button):not(.titlebutton), button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop:active label, button:backdrop:active { color: #7c7c7c; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked, button:backdrop:checked { background-color: gray; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar viewswitcher button:backdrop:checked:not(.text-button):not(.titlebutton), button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:checked label, button:backdrop:checked { color: white; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { background-color: #e1e1e1; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle label, notebook > header > tabs > arrow:backdrop:checked.toggle, button:backdrop.flat:checked.toggle label, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle label, button:backdrop:checked.toggle { color: #7c7c7c; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { background-color: #dedede; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active label, notebook > header > tabs > arrow:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active label, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active label, button:backdrop:checked.toggle:active { color: #7c7c7c; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled, button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar viewswitcher button:backdrop:disabled:not(.text-button):not(.titlebutton), button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d1d1d1; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked label, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active label, button:backdrop:disabled:active, button:backdrop:disabled:checked label, button:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, headerbar viewswitcher button.flat:backdrop:not(.text-button):not(.titlebutton), headerbar viewswitcher button.flat:disabled:not(.text-button):not(.titlebutton), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar viewswitcher button:disabled:not(.text-button):not(.titlebutton), button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar viewswitcher button:disabled:active:not(.text-button):not(.titlebutton), headerbar viewswitcher button:disabled:checked:not(.text-button):not(.titlebutton), button:disabled:active, button:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, notebook > header > tabs > arrow.image-button image, headerbar viewswitcher button.flat:not(.text-button):not(.titlebutton) image, headerbar viewswitcher button.image-button:not(.text-button):not(.titlebutton) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, notebook > header > tabs > arrow.image-button:active image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar viewswitcher button.text-button:not(.text-button):not(.titlebutton), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar viewswitcher button.text-button.image-button:not(.text-button):not(.titlebutton), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar viewswitcher button:drop(active):not(.text-button):not(.titlebutton), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+headerbar viewswitcher button.osd:not(.text-button):not(.titlebutton), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+headerbar viewswitcher button.osd.image-button:not(.text-button):not(.titlebutton), button.osd.image-button { min-width: 34px; }
+
+button.suggested-action, headerbar button.suggested-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; font-weight: 700; }
+
+button.suggested-action.flat, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #606264; }
+
+button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#61717c); background-color: #61717c; box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #47494a; box-shadow: none; }
+
+button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #626262; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #494949; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #6a6a6a; box-shadow: none; background-image: none; }
+
+button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(96, 98, 100, 0.8); }
+
+button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.suggested-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909091; background-color: #707274; box-shadow: none; background-image: none; }
+
+button.destructive-action, headerbar button.destructive-action:not(.text-button):not(.titlebutton) { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; font-weight: 700; }
+
+button.destructive-action.flat, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):not(.titlebutton):hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); }
+
+button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-image: none; background-color: #f91212; box-shadow: none; }
+
+button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop { color: white; }
+
+button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { background-color: #868686; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:checked { color: white; }
+
+button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { color: #d1d1d1; }
+
+button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked label, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked label, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled:checked { color: #d1d1d1; }
+
+button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton).flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:active, headerbar button.destructive-action:not(.text-button):not(.titlebutton):disabled:checked { color: #909091; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+viewswitcher .stack-switcher > button, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher.linked > button, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton), .stack-switcher > button, stackswitcher > button, .stack-switcher.linked > button, stackswitcher.linked > button { padding-top: 2px; padding-bottom: 2px; margin: 2px 1px; background-color: transparent; color: #4f4f50; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; outline-offset: -3px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(ltr), viewswitcher stackswitcher > button:first-child:dir(ltr), viewswitcher .stack-switcher.linked > button:first-child:dir(ltr), viewswitcher stackswitcher.linked > button:first-child:dir(ltr), .stack-switcher > button:first-child:dir(ltr), stackswitcher > button:first-child:dir(ltr), .stack-switcher.linked > button:first-child:dir(ltr), stackswitcher.linked > button:first-child:dir(ltr) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:first-child:dir(rtl), viewswitcher stackswitcher > button:first-child:dir(rtl), viewswitcher .stack-switcher.linked > button:first-child:dir(rtl), viewswitcher stackswitcher.linked > button:first-child:dir(rtl), .stack-switcher > button:first-child:dir(rtl), stackswitcher > button:first-child:dir(rtl), .stack-switcher.linked > button:first-child:dir(rtl), stackswitcher.linked > button:first-child:dir(rtl) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(ltr), viewswitcher stackswitcher > button:last-child:dir(ltr), viewswitcher .stack-switcher.linked > button:last-child:dir(ltr), viewswitcher stackswitcher.linked > button:last-child:dir(ltr), .stack-switcher > button:last-child:dir(ltr), stackswitcher > button:last-child:dir(ltr), .stack-switcher.linked > button:last-child:dir(ltr), stackswitcher.linked > button:last-child:dir(ltr) { margin-right: 2px; }
+
+viewswitcher .stack-switcher > button:last-child:dir(rtl), viewswitcher stackswitcher > button:last-child:dir(rtl), viewswitcher .stack-switcher.linked > button:last-child:dir(rtl), viewswitcher stackswitcher.linked > button:last-child:dir(rtl), .stack-switcher > button:last-child:dir(rtl), stackswitcher > button:last-child:dir(rtl), .stack-switcher.linked > button:last-child:dir(rtl), stackswitcher.linked > button:last-child:dir(rtl) { margin-left: 2px; }
+
+viewswitcher .stack-switcher > button:hover, headerbar viewswitcher .stack-switcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:hover, headerbar viewswitcher stackswitcher > button:hover:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:hover, viewswitcher stackswitcher.linked > button:hover, .stack-switcher > button:hover, stackswitcher > button:hover, .stack-switcher.linked > button:hover, stackswitcher.linked > button:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.05); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:active, headerbar viewswitcher .stack-switcher > button:active:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:active, headerbar viewswitcher stackswitcher > button:active:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:active, viewswitcher stackswitcher.linked > button:active, .stack-switcher > button:active, stackswitcher > button:active, .stack-switcher.linked > button:active, stackswitcher.linked > button:active { color: #29292a; background-color: rgba(41, 41, 42, 0.1); box-shadow: none; }
+
+viewswitcher .stack-switcher > button:checked, headerbar viewswitcher .stack-switcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:checked, headerbar viewswitcher stackswitcher > button:checked:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:checked, viewswitcher stackswitcher.linked > button:checked, .stack-switcher > button:checked, stackswitcher > button:checked, .stack-switcher.linked > button:checked, stackswitcher.linked > button:checked { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop, headerbar viewswitcher .stack-switcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button:backdrop, headerbar viewswitcher stackswitcher > button:backdrop:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button:backdrop, viewswitcher stackswitcher.linked > button:backdrop, .stack-switcher > button:backdrop, stackswitcher > button:backdrop, .stack-switcher.linked > button:backdrop, stackswitcher.linked > button:backdrop { color: #7c7c7c; }
+
+viewswitcher .stack-switcher > button:backdrop:hover, viewswitcher stackswitcher > button:backdrop:hover, viewswitcher .stack-switcher.linked > button:backdrop:hover, viewswitcher stackswitcher.linked > button:backdrop:hover, .stack-switcher > button:backdrop:hover, stackswitcher > button:backdrop:hover, .stack-switcher.linked > button:backdrop:hover, stackswitcher.linked > button:backdrop:hover { background-color: transparent; }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(42, 42, 42, 0.075); }
+
+viewswitcher .stack-switcher > button:backdrop:checked, viewswitcher stackswitcher > button:backdrop:checked, viewswitcher .stack-switcher.linked > button:backdrop:checked, viewswitcher stackswitcher.linked > button:backdrop:checked, .stack-switcher > button:backdrop:checked label, .stack-switcher > button:backdrop:checked, stackswitcher > button:backdrop:checked label, stackswitcher > button:backdrop:checked, .stack-switcher.linked > button:backdrop:checked label, .stack-switcher.linked > button:backdrop:checked, stackswitcher.linked > button:backdrop:checked label, stackswitcher.linked > button:backdrop:checked { color: #7c7c7c; }
+
+viewswitcher .stack-switcher > button > label, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button > label, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher.linked > button > label, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher.linked > button > label, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > label, .stack-switcher > button > label, stackswitcher > button > label, .stack-switcher.linked > button > label, stackswitcher.linked > button > label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher .stack-switcher > button > image, headerbar viewswitcher .stack-switcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button > image, headerbar viewswitcher stackswitcher > button:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button > image, headerbar viewswitcher .stack-switcher.linked > button:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher.linked > button > image, headerbar viewswitcher stackswitcher.linked > button:not(.text-button):not(.titlebutton) > image, .stack-switcher > button > image, stackswitcher > button > image, .stack-switcher.linked > button > image, stackswitcher.linked > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
+
+viewswitcher .stack-switcher > button.text-button, headerbar viewswitcher .stack-switcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.text-button, headerbar viewswitcher stackswitcher > button.text-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.text-button, viewswitcher stackswitcher.linked > button.text-button, .stack-switcher > button.text-button, stackswitcher > button.text-button, .stack-switcher.linked > button.text-button, stackswitcher.linked > button.text-button { padding-left: 10px; padding-right: 10px; }
+
+viewswitcher .stack-switcher > button.image-button, headerbar viewswitcher .stack-switcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher stackswitcher > button.image-button, headerbar viewswitcher stackswitcher > button.image-button:not(.text-button):not(.titlebutton), viewswitcher .stack-switcher.linked > button.image-button, viewswitcher stackswitcher.linked > button.image-button, .stack-switcher > button.image-button, stackswitcher > button.image-button, .stack-switcher.linked > button.image-button, stackswitcher.linked > button.image-button { padding-left: 2px; padding-right: 2px; }
+
+viewswitcher stackswitcher > button.needs-attention:active > label, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:active > image, headerbar viewswitcher stackswitcher > button.needs-attention:active:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention:checked > label, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention:checked > image, headerbar viewswitcher stackswitcher > button.needs-attention:checked:not(.text-button):not(.titlebutton) > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image, stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image, .stack-switcher.linked > button.needs-attention:active > label, .stack-switcher.linked > button.needs-attention:active > image, .stack-switcher.linked > button.needs-attention:checked > label, .stack-switcher.linked > button.needs-attention:checked > image, stackswitcher.linked > button.needs-attention:active > label, stackswitcher.linked > button.needs-attention:active > image, stackswitcher.linked > button.needs-attention:checked > label, stackswitcher.linked > button.needs-attention:checked > image { animation: none; background-image: none; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) separator, headerbar viewswitcher button.file:not(.text-button):not(.titlebutton) separator, button.font separator, button.file separator { background-color: transparent; }
+
+headerbar viewswitcher button.font:not(.text-button):not(.titlebutton) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+.primary-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .primary-toolbar button:not(.text-button):not(.titlebutton), .primary-toolbar button { -gtk-icon-shadow: none; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton), button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; }
+
+headerbar viewswitcher button.circular:not(.text-button):not(.titlebutton) label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, viewswitcher .stack-switcher > button.needs-attention > label, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher .stack-switcher > button.needs-attention > image, headerbar viewswitcher .stack-switcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher stackswitcher > button.needs-attention > label, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label, viewswitcher stackswitcher > button.needs-attention > image, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image, viewswitcher .stack-switcher.linked > button.needs-attention > label, viewswitcher .stack-switcher.linked > button.needs-attention > image, viewswitcher stackswitcher.linked > button.needs-attention > label, viewswitcher stackswitcher.linked > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image, .stack-switcher.linked > button.needs-attention > label, .stack-switcher.linked > button.needs-attention > image, stackswitcher.linked > button.needs-attention > label, stackswitcher.linked > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#606264), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, viewswitcher stackswitcher > button.needs-attention > label:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:backdrop, viewswitcher stackswitcher > button.needs-attention > image:backdrop, headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop, .stack-switcher.linked > button.needs-attention > label:backdrop, .stack-switcher.linked > button.needs-attention > image:backdrop, stackswitcher.linked > button.needs-attention > label:backdrop, stackswitcher.linked > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > label:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > label:dir(rtl), viewswitcher stackswitcher > button.needs-attention > image:dir(rtl), headerbar viewswitcher stackswitcher > button.needs-attention:not(.text-button):not(.titlebutton) > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl), .stack-switcher.linked > button.needs-attention > label:dir(rtl), .stack-switcher.linked > button.needs-attention > image:dir(rtl), stackswitcher.linked > button.needs-attention > label:dir(rtl), stackswitcher.linked > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.inline-toolbar toolbutton > button { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.inline-toolbar toolbutton > button:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+.inline-toolbar toolbutton > button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #7c7c7c; }
+
+.inline-toolbar toolbutton > button:backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:hover label, .inline-toolbar toolbutton > button:backdrop:hover { color: #7c7c7c; }
+
+.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { background-color: #dedede; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #7c7c7c; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #d1d1d1; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; }
+
+.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked label, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar viewswitcher button, viewswitcher .inline-toolbar button, .inline-toolbar headerbar viewswitcher button:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:not(.text-button):not(.titlebutton), .inline-toolbar button, viewswitcher .linked > button, headerbar viewswitcher .linked > button:not(.text-button):not(.titlebutton), .linked > button, toolbar.inline-toolbar toolbutton > button.flat { border-right-style: none; border-radius: 0; -gtk-outline-radius: 0; margin-left: 1px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar headerbar viewswitcher button:first-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:first-child:not(.text-button):not(.titlebutton), .inline-toolbar button:first-child, viewswitcher .linked > button:first-child, headerbar viewswitcher .linked > button:first-child:not(.text-button):not(.titlebutton), .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 8px; border-bottom-left-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-bottom-left-radius: 8px; margin-left: 1px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar headerbar viewswitcher button:last-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:last-child:not(.text-button):not(.titlebutton), .inline-toolbar button:last-child, viewswitcher .linked > button:last-child, headerbar viewswitcher .linked > button:last-child:not(.text-button):not(.titlebutton), .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-right-style: solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-top-right-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-right: 1px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar headerbar viewswitcher button:only-child:not(.text-button):not(.titlebutton), headerbar viewswitcher .inline-toolbar button:only-child:not(.text-button):not(.titlebutton), .inline-toolbar button:only-child, viewswitcher .linked > button:only-child, headerbar viewswitcher .linked > button:only-child:not(.text-button):not(.titlebutton), .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-left: 0px; margin-right: 0px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, viewswitcher .linked.vertical > button, headerbar viewswitcher .linked.vertical > button:not(.text-button):not(.titlebutton), .linked.vertical > button { border-style: solid solid none solid; border-radius: 0; -gtk-outline-radius: 0; margin-top: 1px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, viewswitcher .linked.vertical > button:first-child, .linked.vertical > button:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; -gtk-outline-top-left-radius: 8px; -gtk-outline-top-right-radius: 8px; margin-top: 1px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, viewswitcher .linked.vertical > button:last-child, .linked.vertical > button:last-child { border-bottom-style: solid; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -gtk-outline-bottom-left-radius: 8px; -gtk-outline-bottom-right-radius: 8px; margin-bottom: 1px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, viewswitcher .linked.vertical > button:only-child, .linked.vertical > button:only-child { border-style: solid; border-radius: 8px; -gtk-outline-radius: 8px; margin-top: 0; margin-bottom: 0; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, .menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; outline-offset: -2px; }
+
+modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #e2e2e3; }
+
+modelbutton.flat arrow { background: none; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
+
+/********* Links * */
+button:link > label, button:visited > label, button:link, button:visited, *:link { color: #47494a; }
+
+button:link > label:visited, button:visited > label:visited, button:visited, *:link:visited { color: #2e2f30; }
+
+*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected button:visited, *:selected *:link:visited { color: #abacac; }
+
+button:link > label:hover, button:visited > label:hover, button:hover:link, button:hover:visited, *:link:hover { color: #606264; box-shadow: none; }
+
+*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { color: #efeff0; }
+
+button:link > label:active, button:visited > label:active, button:active:link, button:active:visited, *:link:active { color: #47494a; }
+
+*:selected button:link > label:active, *:selected button:visited > label:active, *:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { color: #dadbdb; }
+
+button:link > label:disabled, button:visited > label:disabled, button:disabled:link, button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(73, 73, 73, 0.8); }
+
+button:link > label:backdrop, button:visited > label:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(71, 73, 74, 0.9); }
+
+.selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:link > label:selected, button:visited > label:selected, button:selected:link, button:selected:visited, *:selected button:link > label, *:selected button:visited > label, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { color: #dadbdb; }
+
+button:link, button:visited { text-shadow: none; }
+
+button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; box-shadow: none; }
+
+button:link > label, button:visited > label { text-decoration-line: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher, .stack-switcher { border-radius: 10px; background-color: #e8e8e8; }
+
+stackswitcher:backdrop, .stack-switcher:backdrop { background-color: #ebebeb; }
+
+stackswitcher > button, .stack-switcher > button { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; }
+
+spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #29292a; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) button:disabled { color: #909091; background-color: #f7f7f7; }
+
+spinbutton:not(.vertical) button:backdrop:disabled { color: #d1d1d1; background-color: #f7f7f7; background-image: none; border-style: none none none solid; }
+
+spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909091; }
+
+spinbutton.vertical:backdrop:disabled { color: #d1d1d1; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical button.up { border-radius: 8px 8px 0 0; border-style: solid solid none solid; }
+
+spinbutton.vertical button.down { border-radius: 0 0 8px 8px; border-style: none solid solid solid; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+combobox:drop(active) { box-shadow: none; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #f7f7f7; }
+
+searchbar > revealer > box:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop, toolbar:backdrop { background-color: #f7f7f7; }
+
+toolbar { padding: 4px 3px 3px 4px; }
+
+.osd toolbar { background-color: transparent; }
+
+toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
+
+toolbar.horizontal separator { margin: 0 7px 1px 6px; }
+
+toolbar.vertical separator { margin: 6px 1px 7px 0; }
+
+toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
+
+.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 8px 8px; }
+
+.background.csd .inline-toolbar { border-radius: 0 0 12px 12px; }
+
+searchbar > revealer > box, .location-bar { border-width: 0 0 1px; padding: 3px; }
+
+searchbar > revealer > box { margin: -6px; padding: 6px; }
+
+revealer box.view { background-color: transparent; }
+
+.inline-toolbar, searchbar > revealer > box, .location-bar { border-style: none; background-color: #f7f7f7; }
+
+.inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { background-color: #f7f7f7; }
+
+/*************** Header bars * */
+@keyframes header_ripple_effect { from { background-image: radial-gradient(circle farthest-corner at center, #f7f7f7 0%, transparent 0%); }
+ to { background-image: radial-gradient(circle farthest-corner at center, #606264 100%, transparent 0%); } }
+
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; background-color: #f7f7f7; /* hide the close button separator */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #ebebeb; background-color: #f7f7f7; background-image: none; transition: 150ms ease-out; }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: white; border-color: transparent; background-color: #606264; transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: header_ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { color: white; background-color: #606264; background-image: none; }
+
+.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: white; }
+
+.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #6c6e70; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #747677; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #808183; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #88898b 10%, transparent 0%); background-size: 0% 0%; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; -gtk-icon-effect: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #7c7c7c; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { background-color: #dedede; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #7c7c7c; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { background-color: #6a6a6a; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #909091; background-color: #707274; box-shadow: none; background-image: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #7c7c7c; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d1d1d1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(96, 98, 100, 0); background-color: rgba(96, 98, 100, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 6px 10px; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; }
+
+.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):not(.titlebutton):hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #7c7c7c; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #dedede; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #7c7c7c; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: gray; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e8e8e8; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ebebeb; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+headerbar stackswitcher button, headerbar .stack-switcher button, headerbar stackswitcher.linked button, headerbar .stack-switcher.linked button { min-height: 24px; min-width: 80px; margin: 4px 2px; }
+
+headerbar stackswitcher button:first-child:dir(ltr), headerbar .stack-switcher button:first-child:dir(ltr), headerbar stackswitcher.linked button:first-child:dir(ltr), headerbar .stack-switcher.linked button:first-child:dir(ltr) { margin-left: 4px; }
+
+headerbar stackswitcher button:first-child:dir(rtl), headerbar .stack-switcher button:first-child:dir(rtl), headerbar stackswitcher.linked button:first-child:dir(rtl), headerbar .stack-switcher.linked button:first-child:dir(rtl) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(ltr), headerbar .stack-switcher button:last-child:dir(ltr), headerbar stackswitcher.linked button:last-child:dir(ltr), headerbar .stack-switcher.linked button:last-child:dir(ltr) { margin-right: 4px; }
+
+headerbar stackswitcher button:last-child:dir(rtl), headerbar .stack-switcher button:last-child:dir(rtl), headerbar stackswitcher.linked button:last-child:dir(rtl), headerbar .stack-switcher.linked button:last-child:dir(rtl) { margin-left: 4px; }
+
+headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar, .background.tiled-top .titlebar:backdrop, .background.tiled-top .titlebar, .background.tiled-right .titlebar:backdrop, .background.tiled-right .titlebar, .background.tiled-bottom .titlebar:backdrop, .background.tiled-bottom .titlebar, .background.tiled-left .titlebar:backdrop, .background.tiled-left .titlebar, .background.maximized .titlebar:backdrop, .background.maximized .titlebar, .background.solid-csd .titlebar:backdrop, .background.solid-csd .titlebar { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 12px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 12px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
+
+.titlebar:not(headerbar) separator { background-color: #e8e8e8; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ebebeb; }
+
+window.devel headerbar.titlebar:not(.selection-mode) { background: #f7f7f7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(96, 98, 100, 0.15)); }
+
+window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #f7f7f7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f7f7f7); /* background-color would flash */ }
+
+/************ Pathbars * */
+filechooser .path-bar.linked > button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+filechooser .path-bar.linked > button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop { background-color: gray; background-image: none; box-shadow: none; }
+
+filechooser .path-bar.linked > button:checked:backdrop label, filechooser .path-bar.linked > button:checked:backdrop { color: white; }
+
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
+
+.path-bar button image { padding-left: 4px; padding-right: 4px; }
+
+.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+treeview.view { border-left-color: rgba(41, 41, 42, 0.125); border-top-color: #f7f7f7; border-radius: 0px; }
+
+* { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; }
+
+treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
+
+treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #bfbfbf; border-top-color: rgba(124, 124, 124, 0.1); }
+
+treeview.view:disabled { color: #909091; }
+
+treeview.view:disabled:selected { color: #a0a1a2; }
+
+treeview.view:disabled:selected:backdrop { color: #a6a6a6; }
+
+treeview.view:disabled:backdrop { color: #d1d1d1; }
+
+treeview.view.separator { min-height: 2px; color: #f7f7f7; }
+
+treeview.view.separator:backdrop { color: #f7f7f7; }
+
+treeview.view:backdrop { border-left-color: #b9b9b9; border-top: #f7f7f7; }
+
+treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #595b5d; }
+
+treeview.view:drop(active).after { border-top-style: none; }
+
+treeview.view:drop(active).before { border-bottom-style: none; }
+
+treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #69696a; }
+
+treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+treeview.view.expander:hover { color: #29292a; }
+
+treeview.view.expander:selected { color: #cfd0d1; }
+
+treeview.view.expander:selected:hover { color: white; }
+
+treeview.view.expander:selected:backdrop { color: #d9d9d9; }
+
+treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+treeview.view.expander:backdrop { color: #a3a3a3; }
+
+treeview.view.progressbar { color: white; background-color: #606264; background: linear-gradient(to right, #4b5560, #61717c); box-shadow: none; border-radius: 8px; }
+
+treeview.view.progressbar:backdrop { color: white; background-color: gray; background-image: none; }
+
+treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #606264; background-color: white; background-image: none; }
+
+treeview.view.progressbar:selected:backdrop { color: gray; background-color: white; }
+
+treeview.view.trough { background-color: rgba(41, 41, 42, 0.1); border-radius: 8px; }
+
+treeview.view.trough:backdrop { background-color: rgba(124, 124, 124, 0.1); }
+
+treeview.view.trough:selected { border-radius: 8px; }
+
+treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+treeview.view header button { color: #949495; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+treeview.view header button:last-child { margin-right: 0; }
+
+treeview.view header button:hover { color: #5f5f60; box-shadow: none; transition: none; }
+
+treeview.view header button:active { color: #29292a; transition: none; }
+
+treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #606264; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+treeview.view acceleditor > label { background-color: #606264; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #ededed; border-radius: 0; text-shadow: none; }
+
+treeview.view header button:disabled { border-color: #f7f7f7; background-image: none; }
+
+treeview.view header button:backdrop { color: #b9b9b9; border-color: #f7f7f7; border-style: none solid solid none; background-image: none; background-color: white; }
+
+treeview.view header button:backdrop:disabled { border-color: #f7f7f7; background-image: none; }
+
+treeview.view header button:last-child { border-right-style: none; }
+
+/********* Menus * */
+menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
+
+menubar:backdrop, .menubar:backdrop { background-color: #f7f7f7; }
+
+menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > menuitem:hover, .menubar > menuitem:hover { box-shadow: none; background-color: #e2e2e3; }
+
+menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #909091; background-color: transparent; box-shadow: none; }
+
+.background.popup { background-color: transparent; }
+
+menu, .menu, .context-menu { margin: 6px; padding: 6px; background-color: white; border: 1px solid rgba(232, 232, 232, 0.75); }
+
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 12px; }
+
+menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: white; border-color: rgba(235, 235, 235, 0.75); }
+
+menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 6px; border-radius: 8px; text-shadow: none; }
+
+menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #29292a; background-color: #e2e2e3; }
+
+menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #909091; }
+
+menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d1d1d1; }
+
+menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #7c7c7c; background-color: transparent; }
+
+menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
+
+menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
+
+menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
+
+menu separator, .menu separator, .context-menu separator { margin: 6px 0; }
+
+menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: white; border-radius: 0; margin-left: -6px; margin-right: -6px; }
+
+menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #eaeaea; border-top-right-radius: 12px; border-top-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 12px; margin-bottom: -18px; border-top: 1px solid #eaeaea; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #dfdfdf; }
+
+menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: white; }
+
+menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
+
+menuitem accelerator { color: alpha(currentColor,0.55); }
+
+menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
+
+menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
+
+menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
+
+/*************** Popovers * */
+popover.background { padding: 0; background-color: white; box-shadow: 0 2px 4px 1px rgba(41, 41, 42, 0.225); }
+
+.csd popover.background, popover.background { border: none; border-radius: 12px; }
+
+.csd popover.background { background-clip: padding-box; }
+
+popover.background:backdrop { background-color: white; box-shadow: 0 1px 2px 1px rgba(42, 42, 42, 0.225); border-color: transparent; }
+
+popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar { border-style: none; background-color: transparent; }
+
+popover.background separator { margin: 6px; }
+
+popover.background list separator { margin: 0px; }
+
+/************* Notebooks * */
+notebook > header { padding: 2px; border-style: none; background-color: #e8e8e8; }
+
+notebook > header:backdrop { background-color: #ebebeb; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header tab { min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; outline-offset: -3px; border-radius: 8px; color: #4f4f50; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header tab:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.05); box-shadow: none; }
+
+notebook > header tab:active { background-color: rgba(41, 41, 42, 0.1); }
+
+notebook > header tab:backdrop { color: #7c7c7c; }
+
+notebook > header tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header tab:checked { color: #29292a; background-color: white; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+notebook > header tab:backdrop:checked { color: #7c7c7c; background-color: white; box-shadow: 0 1px 2px rgba(42, 42, 42, 0.075); }
+
+notebook > header tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header tab button.flat { border-radius: 999px; padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header tab button.flat:hover { color: currentColor; }
+
+notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e8e8e8; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }
+
+scrollbar:backdrop { background-color: #ebebeb; border-color: #ebebeb; transition: 150ms ease-out; }
+
+scrollbar slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b7b7c; }
+
+scrollbar slider:hover { background-color: #525253; }
+
+scrollbar slider:hover:active { background-color: #29292a; }
+
+scrollbar slider:backdrop { background-color: #a1a1a1; }
+
+scrollbar slider:disabled { background-color: transparent; }
+
+scrollbar.fine-tune slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; }
+
+scrollbar.fine-tune.vertical slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #29292a; border: 1px solid white; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #29292a; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal slider { min-width: 40px; }
+
+scrollbar.vertical slider { min-height: 40px; }
+
+scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7b7b7c; }
+
+scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #525253; }
+
+scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #29292a; }
+
+scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(123, 123, 124, 0.2); }
+
+scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #a1a1a1; }
+
+scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(161, 161, 161, 0.2); }
+
+scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+/********** Switch * */
+switch { font-size: 0; outline-offset: -4px; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #cecece; background-image: none; color: transparent; }
+
+switch:checked { background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); }
+
+switch:disabled { background-color: #e8e8e8; background-image: none; }
+
+switch:disabled:checked { background-color: #afafaf; background-image: none; }
+
+switch:backdrop { background-color: #d6d6d6; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: gray; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ebebeb; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cacaca; background-image: none; }
+
+switch slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; -gtk-outline-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+switch:hover slider { box-shadow: 0 2px 4px rgba(41, 41, 42, 0.225); }
+
+switch:disabled slider { background-color: #f7f7f7; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f7f7f7; box-shadow: 0 2px 4px rgba(124, 124, 124, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view:not(list) check { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view:not(list) check:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view:not(list) check:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view:not(list) check:backdrop { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view:not(list) check:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view:not(list) check:checked:hover { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view:not(list) check:checked:active { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view:not(list) check:backdrop:checked { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
+
+checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
+
+checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
+
+check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check:only-child, radio:only-child { margin: 0; }
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #cecece; color: #29292a; }
+
+check:hover, radio:hover { background: image(#f4f4f4); }
+
+check:active, radio:active { background: image(#eaeaea); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fbfbfb; color: rgba(41, 41, 42, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fdfdfd; box-shadow: inset 0 0 0 1px #cecece; color: #29292a; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fbfbfb; color: rgba(41, 41, 42, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#5d5f61); }
+
+check:checked:active, radio:checked:active { background: image(#5b5c5e); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #acadae; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: gray; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #adadad; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#5d5f61); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#5b5c5e); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #acadae; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: gray; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #adadad; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #606264; padding: 0; }
+
+menu menuitem check, menu menuitem radio { margin: 0; }
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border: 1px solid currentColor; padding: 0; }
+
+check { border-radius: 4px; }
+
+check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #595b5d; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #7a7a7a; }
+
+/************ GtkScale * */
+levelbar block.empty, progressbar trough, scale fill, scale trough { border: none; border-radius: 8px; background-color: #e8e8e8; }
+
+levelbar block.empty:disabled, progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #e8e8e8; }
+
+levelbar block.empty:backdrop, progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #ebebeb; transition: 150ms ease-out; }
+
+levelbar block.empty:backdrop:disabled, progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #ebebeb; }
+
+row:selected levelbar block.empty, levelbar row:selected block.empty, row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border: 1px solid white; }
+
+progressbar progress, scale highlight { border: none; border-radius: 8px; background-color: #606264; background: linear-gradient(to right, #4b5560, #61717c); }
+
+scale.vertical progressbar progress, progressbar scale.vertical progress, scale.vertical highlight, progressbar.vertical progress, progressbar.vertical scale highlight, scale progressbar.vertical highlight { background: linear-gradient(to top, #4b5560, #61717c); }
+
+progressbar progress:disabled, scale highlight:disabled { background-image: none; background-color: #cecece; }
+
+progressbar progress:backdrop, scale highlight:backdrop { background-image: none; background-color: gray; }
+
+progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-image: none; background-color: #d6d6d6; }
+
+row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; }
+
+scale slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune slider { margin: -6px; }
+
+scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 8px; -gtk-outline-radius: 8px; }
+
+scale trough { outline-offset: 2px; -gtk-outline-radius: 8px; }
+
+scale fill:backdrop, scale fill { background-color: #e8e8e8; }
+
+scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale slider { border: none; border-radius: 100%; background-color: white; box-shadow: 0 1.5px 2px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale slider:hover, row scale slider:hover, popover scale slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.15); }
+
+scale slider:active, row scale slider:active, popover scale slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(96, 98, 100, 0.2), 0 0 0 1px rgba(89, 90, 92, 0.325); }
+
+scale slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(41, 41, 42, 0.225); }
+
+scale slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.15); }
+
+scale slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(42, 42, 42, 0.225); }
+
+scale marks, scale value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal marks.top { margin-bottom: 6px; margin-top: -12px; }
+
+scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
+
+scale.horizontal marks.bottom { margin-top: 6px; margin-bottom: -12px; }
+
+scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
+
+scale.vertical marks.top { margin-right: 6px; margin-left: -12px; }
+
+scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
+
+scale.vertical marks.bottom { margin-left: 6px; margin-right: -12px; }
+
+scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
+
+scale.horizontal indicator { min-height: 6px; min-width: 1px; }
+
+scale.horizontal.fine-tune indicator { min-height: 3px; }
+
+scale.vertical indicator { min-height: 1px; min-width: 6px; }
+
+scale.vertical.fine-tune indicator { min-width: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #61717c; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-top: -13px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #6d7e8a; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:active { color: #606264; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #cecece; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: gray; }
+
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d6d6d6; }
+
+scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #61717c; background-image: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 26px; min-width: 22px; margin-bottom: -13px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #6d7e8a; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:active { color: #606264; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #cecece; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: gray; }
+
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d6d6d6; }
+
+scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #61717c; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-above-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-left: -13px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-before:not(.marks-after) slider:hover { color: #6d7e8a; }
+
+scale.vertical.marks-before:not(.marks-after) slider:active { color: #606264; }
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #cecece; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: gray; }
+
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d6d6d6; }
+
+scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) slider { margin: -9px; border-style: none; border-radius: 0; background-color: transparent; color: #61717c; background-image: image(-gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.svg")), -gtk-recolor(url("assets/slider-vert-scale-has-marks-below-symbolic.symbolic.png"))); min-height: 22px; min-width: 26px; margin-right: -13px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
+
+scale.vertical.marks-after:not(.marks-before) slider:hover { color: #6d7e8a; }
+
+scale.vertical.marks-after:not(.marks-before) slider:active { color: #606264; }
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #cecece; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: gray; }
+
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d6d6d6; }
+
+scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color trough { background-color: transparent; }
+
+scale.color.horizontal { padding: 0 0 15px 0; }
+
+scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
+
+scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
+
+scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
+
+scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
+
+scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
+
+scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
+
+scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
+
+scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
+
+scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
+
+scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
+
+scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
+
+scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(41, 41, 42, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal trough, progressbar.horizontal progress { min-height: 4px; }
+
+progressbar.vertical trough, progressbar.vertical progress { min-width: 4px; }
+
+progressbar:backdrop { box-shadow: none; transition: 150ms ease-out; }
+
+progressbar trough { border-radius: 999px; }
+
+progressbar progress { background-image: none; background-color: #606264; border-radius: 999px; }
+
+progressbar progress, progressbar progress:backdrop, .horizontal progressbar progress { animation: none; }
+
+progressbar.horizontal progress { margin: 0 -1px; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(97, 113, 124, 0)), linear-gradient(to right, rgba(97, 113, 124, 0), #61717c 60%, rgba(97, 113, 124, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.vertical progress { margin: -1px 0; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd progress { border-style: none; border-radius: 0; }
+
+progressbar trough.empty progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal block { min-height: 4px; }
+
+levelbar.horizontal.discrete block { margin: 0 2px; min-width: 32px; }
+
+levelbar.horizontal.discrete block:first-child { margin-left: 0; }
+
+levelbar.horizontal.discrete block:last-child { margin-right: 0; }
+
+levelbar.vertical block { min-width: 4px; }
+
+levelbar.vertical.discrete block { margin: 2px 0; min-height: 32px; }
+
+levelbar.vertical.discrete block:first-child { margin-top: 0; }
+
+levelbar.vertical.discrete block:last-child { margin-bottom: 0; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar trough { border: none; padding: 0; background-color: transparent; }
+
+levelbar block { border: none; border-radius: 999px; }
+
+levelbar block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar block.warning-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar block.low, levelbar block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar block.low:backdrop, levelbar block.low-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar block.high, levelbar block:not(.empty) { background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); }
+
+levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { background-image: none; background-color: gray; }
+
+levelbar block.full, levelbar block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar block.full:backdrop, levelbar block.high-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar block.empty { background-image: none; }
+
+levelbar block:disabled { background-image: none; background-color: #cecece; }
+
+levelbar block:disabled:backdrop { background-image: none; background-color: #d6d6d6; }
+
+/**************** Print dialog * */
+printdialog paper { color: black; border: 1px solid gray; background: white; padding: 0; }
+
+printdialog paper:backdrop { color: gray; border: 1px solid #595959; }
+
+printdialog .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 12px; border: 1px solid #f7f7f7; }
+
+frame > border.flat, .frame.flat { border-style: none; }
+
+frame > border:backdrop, .frame:backdrop { border-color: #f7f7f7; }
+
+.background.csd revealer > actionbar { border-radius: 0 0 12px 12px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e8e8e8; }
+
+actionbar > revealer > box:backdrop { border-color: #ebebeb; }
+
+scrolledwindow { background-color: transparent; border-radius: 0 0 8px 8px; }
+
+scrolledwindow viewport.frame { border-style: none; }
+
+scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(rgba(96, 98, 100, 0.5)), to(rgba(96, 98, 100, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(96, 98, 100, 0.1)), to(rgba(96, 98, 100, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.48, to(#ebebeb), to(rgba(235, 235, 235, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(rgba(96, 98, 100, 0.5)), to(rgba(96, 98, 100, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(96, 98, 100, 0.1)), to(rgba(96, 98, 100, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.48, to(#ebebeb), to(rgba(235, 235, 235, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(rgba(96, 98, 100, 0.5)), to(rgba(96, 98, 100, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(96, 98, 100, 0.1)), to(rgba(96, 98, 100, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.48, to(#ebebeb), to(rgba(235, 235, 235, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(rgba(96, 98, 100, 0.5)), to(rgba(96, 98, 100, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(96, 98, 100, 0.1)), to(rgba(96, 98, 100, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.48, to(#ebebeb), to(rgba(235, 235, 235, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(41, 41, 42, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(42, 42, 42, 0.225); }
+
+scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #e8e8e8 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: transparent; }
+
+scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
+
+scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #ebebeb 1px, transparent 1px); background-color: transparent; transition: 150ms ease-out; }
+
+separator { background: #e8e8e8; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+list { color: #29292a; background-color: white; border-color: transparent; border-radius: 12px; }
+
+list, list.frame { padding-top: 4px; padding-bottom: 4px; }
+
+list.content, list.content list { background-color: transparent; padding: 0; }
+
+list:backdrop { background-color: white; color: #7c7c7c; border-color: transparent; }
+
+list separator.horizontal { margin: 1px 16px; }
+
+list separator.vertical { margin: 16px 1px; }
+
+list row { padding: 2px; }
+
+row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list:not(.content) row { border-radius: 8px; margin: 1px 6px; }
+
+list.content row { background-color: white; }
+
+list.content row:backdrop { background-color: white; }
+
+list.content row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+list.content row:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+row list.nested > row.activatable { border: none; background-color: #f7f7f7; }
+
+row list.nested > row.activatable:backdrop { background-color: #f7f7f7; }
+
+row.expander { padding: 0px; }
+
+row:hover { transition: none; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; background-color: rgba(41, 41, 42, 0.075); }
+
+row.activatable:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.125) 10%, transparent 0%); background-size: 0% 0%; }
+
+row.activatable:backdrop:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7c7c7c; }
+
+row.activatable:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+row.activatable:selected:backdrop { background-color: gray; background-image: none; box-shadow: none; }
+
+row.activatable:selected:backdrop label, row.activatable:selected:backdrop { color: white; }
+
+/********************* App Notifications * */
+.app-notification, .app-notification.frame { padding: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(41, 41, 42, 0.225); }
+
+.app-notification:backdrop, .app-notification.frame:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(42, 42, 42, 0.225); }
+
+.app-notification border, .app-notification.frame border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked), .app-notification.frame button.flat.image-button:not(.linked) { border-radius: 999px; -gtk-outline-radius: 999px; }
+
+/************* Expanders * */
+expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander title > arrow:hover { color: #757577; }
+
+expander title > arrow:disabled { color: #909091; }
+
+expander title > arrow:disabled:backdrop { color: #d1d1d1; }
+
+expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************ Calendar * */
+calendar { color: #29292a; }
+
+calendar:selected { border-radius: 8px; }
+
+calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
+
+calendar.button { color: rgba(41, 41, 42, 0.45); }
+
+calendar.button:hover { color: #29292a; }
+
+calendar.button:backdrop { color: rgba(124, 124, 124, 0.45); }
+
+calendar.button:disabled { color: rgba(144, 144, 145, 0.45); }
+
+calendar.highlight { color: #909091; }
+
+calendar.highlight:backdrop { color: #d1d1d1; }
+
+calendar:backdrop { color: #7c7c7c; border-color: #ebebeb; }
+
+calendar:indeterminate { color: alpha(currentColor,0.1); }
+
+/*********** Dialogs * */
+messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f7f7f7; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+messagedialog.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-right-style: none; border-bottom-style: none; border-radius: 0; margin: 0 2px 0 0; -gtk-outline-radius: 0; }
+
+messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; -gtk-outline-bottom-left-radius: 12px; }
+
+messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; -gtk-outline-bottom-right-radius: 12px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e8e8e8; }
+
+filechooser .dialog-action-box:backdrop { border-top-color: #ebebeb; }
+
+filechooser #pathbarbox { border: none; }
+
+filechooser #pathbarbox:backdrop { background-color: #f7f7f7; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { border-style: none; background-color: transparent; border-radius: 0 0 12px 12px; }
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #e8e8e8; border-left-style: none; }
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e8e8e8; border-right-style: none; }
+
+.sidebar:backdrop { border-color: #ebebeb; transition: 150ms ease-out; }
+
+.sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar row { padding: 10px 4px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+separator.sidebar { background-color: #e8e8e8; }
+
+separator.sidebar:backdrop { background-color: #ebebeb; }
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #595b5d; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+placessidebar > viewport.frame { border-style: none; background-color: transparent; }
+
+placessidebar list { padding-top: 0; }
+
+placessidebar row { min-height: 36px; padding: 0px; margin-top: 0; margin-bottom: 0; }
+
+placessidebar row:first-child { margin-top: 0; }
+
+placessidebar row > revealer { padding: 0 8px; }
+
+placessidebar row:selected { color: white; }
+
+placessidebar row:disabled { color: #909091; }
+
+placessidebar row:backdrop { color: #7c7c7c; }
+
+placessidebar row:backdrop:selected { color: white; }
+
+placessidebar row:backdrop:disabled { color: #d1d1d1; }
+
+placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
+
+button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
+
+placessidebar row:selected:active { box-shadow: none; }
+
+placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar row.sidebar-new-bookmark-row { color: #606264; }
+
+placessidebar row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(41, 41, 42, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 5px -10px rgba(42, 42, 42, 0.225); }
+
+placesview list { background-color: #f7f7f7; border-radius: 0 0 12px 0; }
+
+placesview list:backdrop { background-color: #f7f7f7; }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover { background-color: transparent; }
+
+placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e8e8e8); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#606264); }
+
+paned > separator:backdrop { background-image: image(#ebebeb); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f7f7f7; background-image: image(#e8e8e8), image(#e8e8e8); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f7f7f7; background-image: image(#ebebeb), image(#ebebeb); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
+
+/************** GtkInfoBar * */
+infobar { border-style: none; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f7f7f7; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f7f7f7; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #7c7c7c; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #d1d1d1; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #dedede; }
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #47494a; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+/************ Tooltips * */
+tooltip { padding: 4px; /* not working */ border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
+
+tooltip decoration { background-color: transparent; }
+
+tooltip * { padding: 4px; background-color: transparent; color: white; }
+
+/***************** Color Chooser * */
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
+
+colorswatch.dark overlay { color: white; }
+
+colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
+
+colorswatch.light overlay { color: black; }
+
+colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark overlay { border-color: #2ac88d; }
+
+colorswatch overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 8px 0 0; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button overlay { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+colorswatch#add-color-button overlay:backdrop { background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #7c7c7c; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample overlay { border-radius: 8.5px; }
+
+colorchooser .popover.osd { border-radius: 8px; }
+
+/******** Misc * */
+.content-view { background-color: #f1f1f1; }
+
+.content-view:hover { -gtk-icon-effect: highlight; }
+
+.content-view:backdrop { background-color: #f1f1f1; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(41, 41, 42, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+decoration { border-radius: 12px; border-width: 0px; box-shadow: 0 10px 15px 5px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.05); margin: 10px; }
+
+decoration:backdrop { box-shadow: 0 10px 15px 5px transparent, 0 5px 7.5px 2.5px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); transition: 150ms ease-out; }
+
+.maximized decoration, .fullscreen decoration { border-radius: 0; box-shadow: none; }
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; box-shadow: 0 0 0 1px rgba(41, 41, 42, 0.05), 0 0 0 20px transparent; }
+
+.tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.05), 0 0 0 20px transparent; }
+
+.popup decoration { box-shadow: none; }
+
+.ssd decoration { box-shadow: 0 0 0 1px rgba(41, 41, 42, 0.05); }
+
+.ssd decoration:backdrop { box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+.csd.popup decoration { border-radius: 12px; box-shadow: 0 2px 4px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px transparent; }
+
+.csd.popup decoration:backdrop { box-shadow: 0 2px 4px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+tooltip.csd decoration { border-radius: 12px; box-shadow: none; }
+
+messagedialog.csd decoration { border-radius: 12px; box-shadow: 0 3px 6px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.05); }
+
+messagedialog.csd decoration:backdrop { box-shadow: 0 3px 6px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+.solid-csd decoration { margin: 0; padding: 4px; background-color: #e8e8e8; border: solid 1px #e8e8e8; border-radius: 0; box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { border-radius: 12px; }
+
+button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 4px; margin: 0 4px; min-width: 0; min-height: 0; }
+
+button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #606264; }
+
+.selection-mode button.titlebutton, .view:selected:focus, .view:selected, .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, iconview:selected:focus, iconview:selected, flowbox flowboxchild:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: white; }
+
+.selection-mode button.titlebutton:disabled, .view:disabled:selected, textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #b0b1b2; }
+
+.selection-mode button.titlebutton:backdrop, .view:backdrop:selected, textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox flowboxchild:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: white; background-color: gray; }
+
+.selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox flowboxchild:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #909193; }
+
+.view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { background-color: #d5d5d6; }
+
+label:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, iconview text selection:focus, iconview text selection, label selection, entry selection, spinbutton:not(.vertical) selection { color: #2f2f30; }
+
+label:disabled selection, label:disabled:selected, .view text selection:disabled, textview text selection:disabled:focus, textview text selection:disabled, iconview text selection:disabled:focus, iconview text selection:disabled, label selection:disabled, entry selection:disabled, spinbutton:not(.vertical) selection:disabled { color: #8b8b8d; }
+
+label:backdrop selection, label:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop:focus, textview text selection:backdrop, iconview text selection:backdrop:focus, iconview text selection:backdrop, label selection:backdrop, entry selection:backdrop, spinbutton:not(.vertical) selection:backdrop { background-color: gainsboro; color: #7c7c7c; }
+
+label:backdrop selection:disabled, label:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, iconview text selection:backdrop:disabled, label selection:backdrop:disabled, entry selection:backdrop:disabled, spinbutton:not(.vertical) selection:backdrop:disabled { color: #c9c9c9; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; color: #606264; }
+
+cursor-handle:hover { color: #86888b; }
+
+cursor-handle:active { color: #606264; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-start-symbolic.svg")), -gtk-recolor(url("assets/text-select-start-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/text-select-end-symbolic.svg")), -gtk-recolor(url("assets/text-select-end-symbolic.symbolic.png"))); padding-left: 10px; }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: image(-gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.svg")), -gtk-recolor(url("assets/slider-horz-scale-has-marks-above-symbolic.symbolic.png"))); }
+
+.context-menu { font: initial; }
+
+.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #29292a; background-color: white; border: 1px solid; border-color: #f0f0f0; border-radius: 5px; box-shadow: inset 0 -3px #f9f9f9; font-size: smaller; }
+
+.keycap:backdrop { background-color: white; color: #7c7c7c; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher button.text-button { min-width: 100px; }
+
+stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker { padding-left: 0; padding-right: 0; }
+
+popover.emoji-picker entry.search { margin: 3px 5px 5px 5px; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
+
+button.emoji-section:first-child { margin-left: 7px; }
+
+button.emoji-section:last-child { margin-right: 7px; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e8e8e8; }
+
+button.emoji-section:checked { color: #29292a; border-color: #606264; }
+
+button.emoji-section:checked:backdrop { color: #7c7c7c; background-color: transparent; }
+
+button.emoji-section label { padding: 0; opacity: 0.55; }
+
+button.emoji-section:hover label { opacity: 0.775; }
+
+button.emoji-section:checked label { opacity: 1; }
+
+popover.emoji-picker .emoji { font-size: x-large; padding: 6px; }
+
+popover.emoji-picker .emoji :hover { background: #606264; border-radius: 8px; }
+
+popover.emoji-completion arrow { border: none; background: none; }
+
+popover.emoji-completion contents row box { padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover { background: #e2e2e3; }
+
+/***************** View Switcher * */
+viewswitcher button, headerbar viewswitcher button:not(.text-button):not(.titlebutton) { margin: 0; padding: 0; border-radius: 0; border: none; box-shadow: none; }
+
+viewswitcher button:hover, viewswitcher button:checked, viewswitcher button:checked:hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):hover, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked, headerbar viewswitcher button:not(.text-button):not(.titlebutton):checked:hover { box-shadow: none; }
+
+viewswitcher button stack > box.narrow { font-size: smaller; padding-top: 6px; padding-bottom: 6px; }
+
+viewswitcher button stack > box.narrow image, viewswitcher button stack > box.narrow label { padding-left: 6px; padding-right: 6px; }
+
+viewswitcher button stack > box.wide { padding: 0 12px; }
+
+viewswitcherbar > actionbar > revealer > box { padding: 0; }
+
+viewswitcherbar > actionbar > revealer > box viewswitcher button:not(:checked):not(:hover) { background: transparent; }
+
+headerbar viewswitcher > box > button:first-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):first-child { border-bottom-left-radius: 8px; }
+
+headerbar viewswitcher > box > button:last-child, headerbar viewswitcher > box > button:not(.text-button):not(.titlebutton):last-child { border-bottom-right-radius: 8px; }
+
+/*********** Chromium * */
+window.background.chromium { background-color: white; }
+
+window.background.chromium headerbar.titlebar button.toggle, window.background.chromium headerbar.titlebar button.titlebutton { border: none; }
+
+window.background.chromium headerbar.titlebar button.titlebutton { background-image: none; }
+
+window.background.chromium button { border-style: solid; border-width: 1px; border-color: #e8e8e8; }
+
+window.background.chromium > textview.view { background-color: #f7f7f7; }
+
+/*********** Firefox * */
+#MozillaGtkWidget.background { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+#MozillaGtkWidget.background scrollbar { background-color: transparent; border-color: transparent; }
+
+/****************** Gnome Calendar * */
+window.background.csd.org-gnome-Calendar overlay > box.vertical > stack.view { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > button.text-button { margin: 0; border-bottom-right-radius: 12px; }
+
+window.background.csd.org-gnome-Calendar calendar-view.year-view > box.vertical > stack > .sidebar.vertical { border-radius: 0; }
+
+window.background.csd.org-gnome-Calendar.maximized calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.tiled calendar-view.year-view > box.vertical > button.text-button, window.background.csd.org-gnome-Calendar.fullscreen calendar-view.year-view > box.vertical > button.text-button { border-bottom-right-radius: 0; }
+
+/*************** LibreOffice * */
+toolbutton > button.image-button.text-button.flat button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+toolbutton > button.image-button.text-button.flat button:active, toolbutton > button.image-button.text-button.flat button:checked { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: lightgray; background-image: none; box-shadow: none; box-shadow: none; }
+
+window.background:not(.solid-csd):not(.csd) > notebook:not(.frame) tab { margin-bottom: 4px; }
+
+/************ Nautilus * */
+.nautilus-window .nautilus-empty-state-icon { opacity: 0.5; }
+
+.nautilus-window .nautilus-canvas-item { border-radius: 0px; }
+
+.nautilus-window .nautilus-canvas-item.label-text { border-radius: 8px; }
+
+.nautilus-window .thumbnail { box-shadow: 0 1.5px 2px 1px rgba(41, 41, 42, 0.225); }
+
+.nautilus-window .thumbnail:backdrop { box-shadow: 0 1.5px 2px 1px rgba(42, 42, 42, 0.225); }
+
+.nautilus-window entry.search > * { margin: 5px; }
+
+.nautilus-window .floating-bar { min-height: 32px; padding: 0; border-radius: 12px 12px 0 0; background-color: white; background-clip: padding-box; box-shadow: 0 2px 4px 1px rgba(41, 41, 42, 0.225); }
+
+.nautilus-window .floating-bar:backdrop { box-shadow: 0 2px 4px 1px rgba(42, 42, 42, 0.225); }
+
+.nautilus-window .floating-bar.bottom.left { margin-right: 7px; border-top-left-radius: 0; border-bottom-left-radius: 12px; }
+
+.nautilus-window .floating-bar.bottom.right { margin-left: 7px; border-top-right-radius: 0; border-bottom-right-radius: 12px; }
+
+.nautilus-window .floating-bar button { padding: 0; }
+
+.nautilus-window .nautilus-list-view { background-color: white; border-radius: 0; }
+
+.nautilus-window .nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { background-color: transparent; border-radius: 0; }
+
+.nautilus-window.maximized .floating-bar, .nautilus-window.maximized .nautilus-list-view, .nautilus-window.tiled .floating-bar, .nautilus-window.tiled .nautilus-list-view, .nautilus-window.fullscreen .floating-bar, .nautilus-window.fullscreen .nautilus-list-view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.nautilus-window headerbar .path-bar-box { color: transparent; background: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar { border-radius: 8px; background-color: #e8e8e8; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar:backdrop { background-color: #eeeeee; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button { margin-top: 0; margin-bottom: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar button:hover { box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.left { border-radius: 8px 0px 0px 8px; background: linear-gradient(to right, #e8e8e8 6px, rgba(232, 232, 232, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow undershoot.right { background: linear-gradient(to left, #e8e8e8 6px, rgba(232, 232, 232, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.left { background: linear-gradient(to right, #eeeeee 6px, rgba(238, 238, 238, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar scrolledwindow:backdrop undershoot.right { background: linear-gradient(to left, #eeeeee 6px, rgba(238, 238, 238, 0) 24px); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:hover { color: #7c7c7c; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { background-color: #dedede; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:active { color: #7c7c7c; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { background-color: gray; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:checked { color: white; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:active, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked label, .nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button:backdrop:disabled:checked { color: #d1d1d1; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; }
+
+.nautilus-window headerbar .linked.nautilus-path-bar .path-buttons-box button.current-dir:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; -gtk-outline-bottom-left-radius: 0; }
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, popover.background label.nautilus-canvas-item.separator, .nautilus-list-dim-label { color: #868686; }
+
+.nautilus-canvas-item.dim-label:backdrop, label.nautilus-canvas-item.separator:backdrop, headerbar .nautilus-canvas-item.subtitle:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:backdrop, popover.background label.nautilus-canvas-item.separator:backdrop, .nautilus-list-dim-label:backdrop { color: #b3b3b3; }
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, popover.background label.nautilus-canvas-item.separator:selected, popover.background label.nautilus-canvas-item.separator:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: rgba(255, 255, 255, 0.45); }
+
+.nautilus-canvas-item.dim-label:selected:backdrop, .nautilus-canvas-item.dim-label:selected:focus:backdrop, label.nautilus-canvas-item.separator:selected:backdrop, label.nautilus-canvas-item.separator:selected:focus:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:backdrop, headerbar .nautilus-canvas-item.subtitle:selected:focus:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:backdrop, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus:backdrop, popover.background label.nautilus-canvas-item.separator:selected:backdrop, popover.background label.nautilus-canvas-item.separator:selected:focus:backdrop, .nautilus-list-dim-label:selected:backdrop, .nautilus-list-dim-label:selected:focus:backdrop { color: rgba(255, 255, 255, 0.45); }
+
+.disk-space-display.unknown { background-color: rgba(41, 41, 42, 0.4); color: rgba(41, 41, 42, 0.4); }
+
+.disk-space-display.used { background-color: #606264; color: #606264; }
+
+.disk-space-display.free { background-color: rgba(41, 41, 42, 0.1); color: rgba(41, 41, 42, 0.1); }
+
+dialog > box > grid > scrolledwindow > viewport > box > list { padding: 0; background-color: transparent; border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list:backdrop { background-color: transparent; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list > row, dialog > box > grid > scrolledwindow > viewport > box > list > row.activatable { border-radius: 0; margin: 0; }
+
+dialog > box > grid > scrolledwindow > viewport > box > list separator.horizontal { margin: 0; }
+
+/**************************************************** documents-scrolledwin (Totem, Documents, EvView) * */
+.documents-scrolledwin:backdrop, .documents-scrolledwin { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin:backdrop .content-view:not(:selected):not(:hover), .documents-scrolledwin .content-view:not(:selected):not(:hover):backdrop, .documents-scrolledwin .content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop .content-view:hover, .documents-scrolledwin .content-view:hover { background-color: rgba(41, 41, 42, 0.075); }
+
+.documents-scrolledwin:backdrop viewport.frame, .documents-scrolledwin viewport.frame { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover), .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { background-color: transparent; }
+
+.documents-scrolledwin:backdrop viewport.frame widget > frame.content-view:not(:selected):not(:hover) border, .documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { border: none; }
+
+/******************* Document Viewer * */
+window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { background-color: transparent; border-radius: 12px; }
+
+window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { background-color: transparent; }
+
+window.background.csd evview.view.content-view { background-color: transparent; border-radius: 0; }
+
+window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.maximized > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.content-view:not(:hover):not(:selected) { border-radius: 0; }
+
+/******************* Archive Manager * */
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; background-color: white; }
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; background-color: #f7f7f7; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/********* Geary * */
+frame.geary-conversation-frame scrolledwindow treeview.view:not(:selected) { background: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { background-color: gray; background-image: none; box-shadow: none; box-shadow: none; }
+
+frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop label, frame.geary-conversation-frame scrolledwindow treeview.view:selected:backdrop { color: white; }
+
+.geary_email { padding-bottom: 6px; border-radius: 8px; }
+
+.geary_email .geary-message { border-radius: 8px; }
+
+.geary-attachment-pane > separator.horizontal { margin: 0; }
+
+.geary-attachment-pane flowboxchild { border-radius: 8px; }
+
+.geary-attachment-pane > actionbar { background-color: white; }
+
+.geary-attachment-pane > actionbar:backdrop { background-color: white; }
+
+/********* Gedit * */
+window.org-gnome-gedit stack scrolledwindow viewport.frame list.gedit-document-panel { background-color: transparent; }
+
+window.org-gnome-gedit .gedit-search-entry-occurrences-tag { border: none; box-shadow: none; margin: 2px; padding: 2px; }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box { padding: 6px; margin: 6px; border: none; box-shadow: 0 1px 4px 1px rgba(41, 41, 42, 0.225); }
+
+window.org-gnome-gedit overlay > revealer > frame.gedit-search-slider > box:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(42, 42, 42, 0.225); }
+
+/******************** Gnome Calculator * */
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list, mathdisplay > scrolledwindow.frame.history-view > viewport > list { padding: 0; border-radius: 0; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry { margin: 0; border-radius: 0; background-color: #f7f7f7; }
+
+grid > viewport > box > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop, mathdisplay > scrolledwindow.frame.history-view > viewport > list > row.history-entry:backdrop { background-color: #f7f7f7; }
+
+grid > viewport > box > scrolledwindow.display-scrolled > .sourceview.view > text, grid > viewport > box > scrolledwindow.display-scrolled > iconview.sourceview > text, grid > viewport > box > box > textview.view.info-view > text, mathdisplay > scrolledwindow.display-scrolled > .sourceview.view > text, mathdisplay > scrolledwindow.display-scrolled > iconview.sourceview > text, mathdisplay > box > textview.view.info-view > text { border-radius: 0; }
+
+/************************ Gnome Control Center * */
+window.background.csd > leaflet > stack.background, window.background.csd > hdyleaflet > stack.background, window.background.csd > box.horizontal > stack.background { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-left-radius: 12px; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+window.background.csd.maximized > leaflet > stack.background, window.background.csd.maximized > hdyleaflet > stack.background, window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > stack.background, window.background.csd.tiled > hdyleaflet > stack.background, window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > stack.background, window.background.csd.fullscreen > hdyleaflet > stack.background, window.background.csd.fullscreen > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+window.background.csd > box.horizontal > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view, window.background.csd > leaflet > stack.background > widget > box > box > scrolledwindow > viewport.frame > box.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; }
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { background-color: transparent; }
+
+/************** Gnome Maps * */
+popover.maps-popover > grid > button.radio.layer-radio-button { border-radius: 4px; color: transparent; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:active { color: #606264; }
+
+popover.maps-popover > grid > button.radio.layer-radio-button:checked { color: #606264; }
+
+/*************** Gnome Music * */
+window.background.csd > box.vertical > overlay > stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
+
+/****************** Gnome Software * */
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal { border-radius: 10px; background-color: #e8e8e8; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal:backdrop { background-color: #ebebeb; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal list.app-updates-section { border: none; border-radius: 12px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software { padding-top: 2px; padding-bottom: 2px; margin: 4px 2px; min-height: 24px; min-width: 54px; border-radius: 8px; -gtk-outline-radius: 8px; background-color: transparent; color: #4f4f50; font-weight: normal; border-style: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(ltr) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:first-child:dir(rtl) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(ltr) { margin-right: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:last-child:dir(rtl) { margin-left: 4px; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.05); box-shadow: none; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:active { background-color: rgba(41, 41, 42, 0.05); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:checked { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-image: none; background-color: white; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop { color: #7c7c7c; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:hover { background-color: transparent; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { background-image: none; background-color: white; box-shadow: 0 1px 2px rgba(42, 42, 42, 0.075); }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked label, window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal > button.toggle.toolbar-primary-buttons-software:backdrop:checked { color: #7c7c7c; }
+
+window.background.csd > headerbar.titlebar > box.horizontal > buttonbox.linked.horizontal button:checked + button { border-image: none; }
+
+window.background.csd button.text-button.content-rating { color: #29292a; }
+
+window.background.csd button.text-button.content-rating:backdrop { color: #7c7c7c; }
+
+window.background.csd screenshot-carousel > .view, window.background.csd screenshot-carousel > iconview { border-radius: 0; }
+
+window.background.csd app-context-bar > box > button { margin: 0; }
+
+/****************** Gnome Terminal * */
+terminal-window.background.csd { border-radius: 0; }
+
+terminal-window decoration { background-color: #f7f7f7; border-radius: 12px 12px 0 0; box-shadow: 0 10px 15px 5px rgba(41, 41, 42, 0.225), 0 0 0 2px rgba(41, 41, 42, 0.05), 0 0 0 1px #f7f7f7; }
+
+terminal-window decoration:backdrop { background-color: #f7f7f7; box-shadow: 0 10px 15px 5px transparent, 0 3px 6px 2px rgba(42, 42, 42, 0.225), 0 0 0 2px rgba(124, 124, 124, 0.05), 0 0 0 1px #f7f7f7; }
+
+terminal-window .terminal-screen { background-color: #f7f7f7; color: #29292a; }
+
+terminal-window .terminal-screen:backdrop { background-color: #f7f7f7; color: #7c7c7c; }
+
+/*************** Gnome Todo * */
+window.background.csd.org-gnome-Todo > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo stack.background { border-radius: 0 0 12px 12px; }
+
+window.background.csd.org-gnome-Todo.maximized > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.maximized stack.background, window.background.csd.org-gnome-Todo.tiled > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.tiled stack.background, window.background.csd.org-gnome-Todo.fullscreen > overlay > stack.background > box.horizontal > tasklistview > box.vertical > overlay.view > scrolledwindow > viewport.view, window.background.csd.org-gnome-Todo.fullscreen stack.background { border-radius: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row { box-shadow: none; padding: 0; }
+
+window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row entry, window.background.csd.org-gnome-Todo taskrow.activatable.new-task-row button { margin: 0; border-radius: 2.5px; }
+
+/**************** Gnome Tweaks * */
+hdyleaflet list.tweak-categories, leaflet list.tweak-categories { background-color: transparent; }
+
+hdyleaflet list.tweak-categories > separator, leaflet list.tweak-categories > separator { background-color: transparent; min-height: 0; }
+
+row#AutostartTitle.tweak { padding: 8px 8px 0 8px; }
+
+.tweak-group-startup { background-color: white; }
+
+.tweak-group-startup:backdrop { background-color: white; }
+
+/***************** Gnome Weather * */
+#weather-page, #weekly-forecast-frame { border-bottom-right-radius: 12px; }
+
+#weather-page-content-view { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
+
+/************ Ubiquity * */
+#live_installer #stepPartAuto #partition_container #resizewidget separator { background-image: none; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > * { background-color: transparent; border-radius: 0; border-color: #e8e8e8; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame > *:backdrop { border-color: #ebebeb; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box { background-color: white; }
+
+#live_installer #stepPartAuto #partition_container #resizewidget > frame box:backdrop { background-color: white; }
+
+/******************** Zorin Appearance * */
+stacksidebar.sidebar > scrolledwindow > viewport.frame > list { border-radius: 0; }
+
+/********** Thunar * */
+.thunar .sidebar.frame { border: none; }
+
+.thunar .sidebar .view, .thunar .sidebar iconview { background-color: #f7f7f7; border: none; }
+
+.thunar .sidebar .view:selected, .thunar .sidebar iconview:selected { background-color: #dddddd; color: #29292a; }
+
+.thunar .sidebar .view:backdrop, .thunar .sidebar iconview:backdrop { background-color: #f7f7f7; }
+
+.thunar .sidebar .view:backdrop:selected, .thunar .sidebar iconview:backdrop:selected { background-color: #e8e8e8; color: #7c7c7c; }
+
+.thunar .standard-view > .view, .thunar .standard-view > iconview { border-radius: 0; }
+
+/*********************** LightDM Gtk Greeter * */
+.lightdm-gtk-greeter #panel_window { border-radius: 0; border: none; background-color: #f7f7f7; }
+
+.lightdm-gtk-greeter #panel_window menubar { font-weight: bold; }
+
+.lightdm-gtk-greeter #panel_window menubar menu menuitem { font-weight: normal; }
+
+.lightdm-gtk-greeter #buttonbox_frame { padding-top: 20px; }
+
+.lightdm-gtk-greeter #login_window, .lightdm-gtk-greeter #shutdown_dialog, .lightdm-gtk-greeter #restart_dialog { border-style: none; border-radius: 12px; background-color: #f7f7f7; color: #29292a; box-shadow: none; }
+
+.lightdm-gtk-greeter #login_window menu { border-radius: 0; }
+
+/******** XFCE * */
+.xfce4-panel.background { background-color: white; }
+
+.xfce4-panel.background button { border-radius: 0; margin: 0; font-weight: bold; }
+
+.xfce4-panel.background button menuitem { font-weight: normal; }
+
+.xfce4-panel.background button:hover { background-color: #e8e8e8; }
+
+.xfce4-panel.background button:active, .xfce4-panel.background button:checked { color: #29292a; background-color: #dddddd; background-image: none; }
+
+.xfce4-panel.background button.flat image, .xfce4-panel.background button.image-button image { -gtk-icon-transform: scale(1); transition: none; }
+
+.xfce4-panel.background button.flat:active image, .xfce4-panel.background button.image-button:active image { -gtk-icon-transform: scale(1); }
+
+.tasklist button.toggle { background-color: transparent; border-top-width: 0; border-bottom-width: 0; }
+
+.tasklist button.toggle:checked { background: none; box-shadow: inset 0 -3px #29292a; }
+
+wnck-pager { background-color: #efefef; }
+
+wnck-pager:hover { background-color: #e4e4e4; }
+
+wnck-pager:selected { background-color: #d4d4d4; }
+
+XfdesktopIconView.view { background: transparent; color: white; }
+
+XfdesktopIconView.view:active { background: #606264; color: white; text-shadow: none; }
+
+XfdesktopIconView.view .label { text-shadow: 1px 1px 2px black; }
+
+#XfceNotifyWindow { background-color: white; border: none; box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 0.75); border-radius: 12px; }
+
+#XfceNotifyWindow label#summary { font-weight: bold; }
+
+#XfceNotifyWindow progressbar progress { animation: none; background-image: none; background: linear-gradient(to right, #4b5560, #61717c); }
+
+/* Xfwm4's alt-tab dialog, aka "tabwin" */
+#xfwm-tabwin { border-radius: 12px; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #29292a;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #29292a;
+/*
+widget base background color */
+@define-color theme_bg_color #f7f7f7;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #606264;
+/* Tinting in dark variant to avoid a white selection on white page background when highlighting text in Evince when using Grey-Dark theme */
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f7f7f7;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909091;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #7c7c7c;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #29292a;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f7f7f7;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #606264;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e8e8e8;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ebebeb;
+/*
+these are pretty self explicative */
+@define-color placeholder_text_color #949495;
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#29292a, 1.8);
+@define-color wm_unfocused_title #7c7c7c;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f7f7f7, 1.2);
+@define-color wm_bg_b #f7f7f7;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3);
+@define-color wm_button_hover_color_b #f7f7f7;
+@define-color wm_button_active_color_a shade(#f7f7f7, 0.85);
+@define-color wm_button_active_color_b shade(#f7f7f7, 0.89);
+@define-color wm_button_active_color_c shade(#f7f7f7, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/.libadwaita b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/.libadwaita
new file mode 100644
index 000000000..e69de29bb
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..acf880adb
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 000000000..8e6925a5f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 000000000..e9df4256c
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.svg
new file mode 100644
index 000000000..b04b5ad84
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 000000000..14bd626ce
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 000000000..994ce3a0f
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.svg
new file mode 100644
index 000000000..7886d5416
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 000000000..c20d4bac5
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 000000000..d2b3385ee
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk-dark.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk-dark.css
new file mode 100644
index 000000000..c9d4a11a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk-dark.css
@@ -0,0 +1,2510 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #ffffff; background-color: #202020; }
+
+.background:backdrop { color: #8d8d8d; background-color: #1b1b1b; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #ffffff; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #ffffff; background-color: #191919; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #909090; background-color: #202020; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #8d8d8d; background-color: #151515; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #4cd9a4; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #1d1d1d; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #ececec; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #e6e6e6; background-color: rgba(230, 230, 230, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child.activatable:hover { background-color: #363636; }
+
+gridview > child.activatable:active { background-color: #414141; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #ffffff; background-color: #191919; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(255, 255, 255, 0.3); }
+
+label:disabled { color: #909090; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #414141; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fb7c7c; }
+
+label.error:disabled { color: rgba(251, 124, 124, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(251, 124, 124, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #202020; padding: 6px; border-top: 1px solid #313131; }
+
+window.assistant .sidebar:backdrop { background-color: #1b1b1b; border-color: #2d2d2d; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #363636; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #ffffff; border: none; background-color: #191919; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(49, 49, 49, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px rgba(45, 45, 45, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #ffffff; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #8d8d8d; background-color: #151515; box-shadow: inset 0 0 0 1px #2d2d2d; border-color: #1b1b1b; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #414141; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fb7c7c; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fb7c7c; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fb7c7c; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #faa483; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #faa483; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #faa483; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #faa483; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #6ee1b6; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #6ee1b6; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #6ee1b6; background-color: #191919; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #6ee1b6; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #d1d1d1; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #ffffff; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #ffffff; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #757575; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #757575; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #ffffff; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fb7c7c; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #191919; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: #191919; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #ffffff; background-color: #191919; box-shadow: inset 0 0 0 1px #313131; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #525252; color: white; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #ffffff 0%, rgba(255, 255, 255, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #ffffff 95%, rgba(255, 255, 255, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #ffffff; background-color: #474747; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #8d8d8d; background-color: #2f2f2f; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #4cd9a4; border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #191919; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #151515; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #ffffff; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: #191919; background: image(white); background-color: white; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #e6e6e6; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(255, 255, 255, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #909090; background-color: #f9f9f9; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: #151515; background-color: white; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #e6e6e6; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #f3f3f3; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fb7c7c; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: #191919; background: image(#ff929b); background-color: #ff929b; box-shadow: 0 2px 8px rgba(251, 124, 124, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: #191919; background-image: none; background-color: #fa4a4a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(251, 124, 124, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #909090; background-color: #f67979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: #151515; background-color: #f97e7e; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: #151515; background-color: #f74d4d; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #414141; background-color: #ee7979; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #ffffff 96%, rgba(255, 255, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #363636; }
+
+modelbutton.flat:disabled { color: #909090; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: #191919; background-color: #fb7c7c; background: image(#fb7c7c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: white; text-decoration: underline; }
+
+button.link:visited, link:visited { color: white; }
+
+*:selected button.link:visited, *:selected link:visited { color: #757575; }
+
+button.link:hover, link:hover { color: white; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #303030; }
+
+button.link:active, link:active { color: white; }
+
+*:selected button.link:active, *:selected link:active { color: #474747; }
+
+button.link:disabled, link:disabled { color: rgba(255, 255, 255, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #474747; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #ffffff; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #909090; background-color: #202020; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #414141; background-color: #1b1b1b; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909090; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #525252; color: white; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #9b9b9b; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #4b4b4b; }
+
+spinbutton.vertical > text > block-cursor { color: #191919; background-color: #ffffff; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: #ffffff; background-color: #363636; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #313131; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #202020; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #202020; }
+
+searchbar > revealer > box:backdrop { background-color: #1b1b1b; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #2c1d17; border-bottom: 1px solid #202020; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #32211a; border-bottom: 1px solid #202020; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #faa483; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #faa483; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #ffffff; background-color: #202020; box-shadow: inset -1px 0 #313131; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #8d8d8d; background-color: #1b1b1b; background-image: none; box-shadow: inset -1px 0 #2d2d2d; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #2d2d2d; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #313131; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #2d2d2d; }
+
+window.devel headerbar.titlebar { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 255, 255, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #202020 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#202020); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #313131; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #313131; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #474747; border-top-color: #474747; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #909090; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #a3a3a3; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #b9b9b9; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #474747; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #303030; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #303030; border-top-color: #303030; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #ececec; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #bababa; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #ffffff; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #5e5e5e; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #191919; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: #151515; background-color: #a4a4a4; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #ffffff; background-color: #191919; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: #a4a4a4; background-color: #151515; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(141, 141, 141, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(25, 25, 25, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #8c8c8c; background-color: #191919; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #8c8c8c; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c6c6c6; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #c6c6c6; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #ffffff; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #ffffff; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #545454; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #191919; background-image: none; background-color: #ffffff; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #191919; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #ffffff; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #474747; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #202020; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #191919; background-clip: padding-box; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #313131; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: #191919; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#363636); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #414141; border-color: #414141; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #191919; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #ffffff; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #ffffff; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #ffffff; background-color: #363636; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #ffffff; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #ffffff; background-color: #414141; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #4d4d4d 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #ffffff; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #363636; }
+
+menubar > item:disabled { color: #909090; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #191919; }
+
+notebook > header:backdrop { background-color: #151515; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #d1d1d1; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: #292929; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #a6a6a6; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #d2d2d2; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #ffffff; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #6b6b6b; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#ffffff,0.4); border: 1px solid alpha(black,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#313131,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #313131; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #4d4d4d; background-image: none; color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); }
+
+switch:disabled { background-color: #313131; background-image: none; }
+
+switch:disabled:checked { background-color: #6f6f6f; background-image: none; }
+
+switch:backdrop { background-color: #434343; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: #a4a4a4; background-image: none; }
+
+switch:backdrop:disabled { background-color: #2d2d2d; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #4a4a4a; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #191919; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(25, 25, 25, 0.6); }
+
+switch:disabled slider { background-color: #202020; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #1b1b1b; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+switch:checked slider { background-color: #191919; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: #151515; }
+
+row:selected switch { outline-color: #191919; box-shadow: none; box-shadow: inset 0 0 0 1px #191919; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(#191919); box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:hover, radio:hover { background: image(#252525); }
+
+check:active, radio:active { background: image(#303030); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #1a1a1a; box-shadow: inset 0 0 0 1px #4d4d4d; color: #ffffff; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #1d1d1d; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:checked:hover, radio:checked:hover { background: image(white); }
+
+check:checked:active, radio:checked:active { background: image(white); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: image(#ffffff); box-shadow: none; color: #191919; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(white); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(white); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: #bbbbbb; box-shadow: none; color: #191919; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #909090; color: rgba(25, 25, 25, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #191919; border: 1px solid #ececec; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #c2c2c2; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #313131; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #313131; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #2d2d2d; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #2d2d2d; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border: 1px solid #191919; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #ffffff; background: image(#ffffff); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: image(#ffffff); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #4d4d4d; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: #a4a4a4; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #434343; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid #191919; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #ffffff; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: #ffffff; outline: none; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: #ffffff; box-shadow: 0 1.5px 2px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale > trough > slider:disabled { background-color: #535353; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > trough > slider:backdrop { background-color: #a4a4a4; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale > trough > slider:backdrop:disabled { background-color: #393939; box-shadow: 0 1.5px 2px 1px rgba(25, 25, 25, 0.6); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.2), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6), 0 0 0 1px transparent; }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(25, 25, 25, 0.6); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #ffffff; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(210, 210, 210, 0)), linear-gradient(to right, rgba(210, 210, 210, 0), #d2d2d2 60%, rgba(210, 210, 210, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fb7c7c; background: image(#fb7c7c); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #faa483; background: image(#faa483); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #ffffff; background: image(#ffffff); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #6ee1b6; background: image(#6ee1b6); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: #a4a4a4; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #4d4d4d; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #434343; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #ffffff; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid #595959; }
+
+window.dialog.print drawing paper:backdrop { color: #595959; border: 1px solid #262626; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #202020; }
+
+frame:backdrop, .frame:backdrop { border-color: #1b1b1b; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #313131; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #2d2d2d 85%, rgba(45, 45, 45, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+scrolledwindow > junction { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #313131, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); }
+
+separator { background: #313131; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #ffffff; background-color: #191919; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: #151515; color: #8d8d8d; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #313131; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #ffffff; }
+
+row.activatable:backdrop { color: #8d8d8d; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; color: #ffffff; background-color: rgba(255, 255, 255, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8d8d8d; }
+
+row.activatable:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+row.activatable:selected { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+row.activatable:selected label { color: #191919; }
+
+row.activatable:selected:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #474747; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #ffffff; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: #a4a4a4; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(255, 255, 255, 0.3); color: #ffffff; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #313131; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #2d2d2d; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 2px 1px rgba(25, 25, 25, 0.6); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #909090; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #ffffff; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #313131; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #ffffff; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#ffffff,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #202020; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #313131; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #202020; }
+
+.sidebar:backdrop { background-color: #1b1b1b; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #313131; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #313131; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #2d2d2d; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #363636; border-radius: 8px; color: #ffffff; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #292929; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #313131; }
+
+separator.sidebar:backdrop { background-color: #2d2d2d; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #909090; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4cd9a4); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #ffffff; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #4cd9a4; box-shadow: inset 0 0 0 2px #4cd9a4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #191919; background-color: #4cd9a4; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(25, 25, 25, 0.6); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#313131); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#ffffff); }
+
+paned > separator:backdrop { background-image: image(#2d2d2d); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #202020; background-image: image(#313131), image(#313131); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #1b1b1b; background-image: image(#2d2d2d), image(#2d2d2d); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #313131; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #2d2d2d; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #313131; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #2d2d2d; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #313131, inset -1px 0 #313131; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #2d2d2d, inset -1px 0 #2d2d2d; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #313131; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #2d2d2d; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #313131, inset 0 -1px #313131; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #2d2d2d, inset 0 -1px #2d2d2d; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #ffffff; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #4cd9a4; }
+
+colorswatch:drop(active).dark > overlay { border-color: #4cd9a4; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+colorswatch#add-color-button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px #191919; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #1a1a1a; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #ffffff; }
+
+.content-view .tile:disabled { background-color: #202020; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(255, 255, 255, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(25, 25, 25, 0.6), 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #313131; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(141, 141, 141, 0.125); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #ffffff; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #191919; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8c8c8c; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: #151515; background-color: #a4a4a4; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #b9b9b9; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #525252; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: white; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #9b9b9b; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: #3a3a3a; color: #8f8f8f; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #4b4b4b; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #ffffff; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #ffffff; background-color: #191919; border: 1px solid; border-color: #313131; border-radius: 5px; box-shadow: inset 0 -3px #272727; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: #151515; color: #8d8d8d; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; caret-color: #4cd9a4; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #313131; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #313131; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #313131; background-color: transparent; }
+
+button.emoji-section:checked { color: #ffffff; border-color: #ffffff; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #8d8d8d; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #ffffff; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #ffffff; color: #191919; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #363636; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #ffffff; background-color: #313131; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+viewswitcher button.toggle:checked:active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #313131; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #2d2d2d; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #ffffff; }
+
+indicatorbin.needs-attention > indicator > label { color: #191919; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #4d4d4d; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #434343; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #ffffff; color: #191919; }
+
+splitbutton.destructive-action { background-color: #fb7c7c; color: #191919; }
+
+splitbutton.opaque { background-color: #414141; color: #ffffff; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #ffffff; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #313131; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested { margin: 12px; background-color: #202020; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #1b1b1b; }
+
+row.expander list.nested > row { border-bottom: 1px solid #313131; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #2d2d2d; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: 1px solid rgba(49, 49, 49, 0.75); box-shadow: 0 1px 8px 1px rgba(25, 25, 25, 0.6); }
+
+toast:backdrop { border-color: rgba(45, 45, 45, 0.75); box-shadow: 0 1px 4px 1px rgba(25, 25, 25, 0.6); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #ffffff; }
+
+.success { color: #6ee1b6; }
+
+.warning { color: #faa483; }
+
+.error { color: #fb7c7c; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #4d4d4d; }
+
+tabbar tabbox > separator:backdrop { background-color: #434343; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #ffffff; }
+
+tabbar tab { color: #d1d1d1; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #8d8d8d; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #ffffff; background-color: #3c3c3c; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #8d8d8d; background-color: #292929; box-shadow: 0 1px 4px rgba(25, 25, 25, 0.45); }
+
+tabbar tab:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #8d8d8d; background-color: rgba(141, 141, 141, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #191919; color: #ffffff; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #151515; color: #8d8d8d; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: #3c3c3c; background-image: none; color: #ffffff; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); outline: 1px solid rgba(255, 255, 255, 0.1); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #ffffff; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #ffffff; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#4cd9a4,0.4); background-color: alpha(#4cd9a4,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #ffffff; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#ffffff,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(255, 255, 255, 0.1); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(141, 141, 141, 0.125); }
+
+tabthumbnail.pinned .card { background-color: #191919; color: #ffffff; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(#191919,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(#191919,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(#191919,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: #191919; color: #ffffff; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: #151515; color: #8d8d8d; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #ffffff; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #ffffff; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: #191919; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: #151515; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #4cd9a4; box-shadow: inset 0 0 0 1px #4cd9a4; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(25, 25, 25, 0.6),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(255, 255, 255, 0.1); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(141, 141, 141, 0.125); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to right, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to left, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to bottom, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.35), alpha(rgba(25, 25, 25, 0.6),0.1) 40px, alpha(rgba(25, 25, 25, 0.6),0) 56px), linear-gradient(to top, alpha(rgba(25, 25, 25, 0.6),0.2), alpha(rgba(25, 25, 25, 0.6),0.1) 7px, alpha(rgba(25, 25, 25, 0.6),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #202020; color: #ffffff; }
+
+window.messagedialog:backdrop { background-color: #1b1b1b; color: #8d8d8d; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #ffffff; }
+
+window.messagedialog .response-area > button.destructive { color: #fb7c7c; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #faa483; background-color: #32211a; padding: 6px; }
+
+banner > revealer > widget button { color: #faa483; background-color: #412b22; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #faa483; background-color: #4b3127; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); }
+
+banner > revealer > widget button:active { color: #faa483; background-color: #5a3b2f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #644234 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); }
+
+banner > revealer > widget button:checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #8d8d8d; background-color: #242424; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #faa483; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #ffffff;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #ffffff;
+/*
+widget base background color */
+@define-color theme_bg_color #202020;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #191919;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #ffffff;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #191919;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #202020;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909090;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #191919;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #8d8d8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #ffffff;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #1b1b1b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #151515;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #ffffff;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #191919;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #414141;
+/*
+widgets main borders color */
+@define-color borders #313131;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #2d2d2d;
+/*
+these are pretty self explicative */
+@define-color warning_color #faa483;
+@define-color error_color #fb7c7c;
+@define-color success_color #6ee1b6;
+@define-color destructive_color #fb7c7c;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#ffffff, 1.8);
+@define-color wm_unfocused_title #8d8d8d;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.07);
+@define-color wm_bg_a shade(#202020, 1.2);
+@define-color wm_bg_b #202020;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#202020, 1.3);
+@define-color wm_button_hover_color_b #202020;
+@define-color wm_button_active_color_a shade(#202020, 0.85);
+@define-color wm_button_active_color_b shade(#202020, 0.89);
+@define-color wm_button_active_color_c shade(#202020, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #191919;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0a0a0a;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #ffffff;
+@define-color accent_fg_color #191919;
+@define-color accent_color #ffffff;
+@define-color destructive_bg_color #fb7c7c;
+@define-color destructive_fg_color #191919;
+@define-color destructive_color #fb7c7c;
+@define-color success_bg_color #6ee1b6;
+@define-color success_fg_color #191919;
+@define-color success_color #6ee1b6;
+@define-color warning_bg_color #faa483;
+@define-color warning_fg_color #191919;
+@define-color warning_color #faa483;
+@define-color error_bg_color #fb7c7c;
+@define-color error_fg_color #191919;
+@define-color error_color #fb7c7c;
+@define-color window_bg_color #202020;
+@define-color window_fg_color #ffffff;
+@define-color view_bg_color #191919;
+@define-color view_fg_color #ffffff;
+@define-color headerbar_bg_color #202020;
+@define-color headerbar_fg_color #ffffff;
+@define-color headerbar_border_color #313131;
+@define-color headerbar_backdrop_color #1b1b1b;
+@define-color headerbar_shade_color #313131;
+@define-color card_bg_color #191919;
+@define-color card_fg_color #ffffff;
+@define-color card_shade_color #313131;
+@define-color dialog_bg_color #202020;
+@define-color dialog_fg_color #ffffff;
+@define-color popover_bg_color #191919;
+@define-color popover_fg_color #ffffff;
+@define-color shade_color #313131;
+@define-color scrollbar_outline_color #313131;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk.css
new file mode 100644
index 000000000..e9f5d214e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/gtk-4.0/gtk.css
@@ -0,0 +1,2512 @@
+/*************************** Check and Radio buttons * */
+@keyframes ripple_effect { to { background-size: 1000% 1000%; } }
+
+/*************** Base States * */
+.background { color: #29292a; background-color: #f7f7f7; }
+
+.background:backdrop { color: #7c7c7c; background-color: #f7f7f7; text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #29292a; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+picture:disabled { opacity: 0.5; }
+
+.view, iconview, textview > text { color: #29292a; background-color: white; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #909091; background-color: #f7f7f7; }
+
+.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #7c7c7c; background-color: white; }
+
+.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #d1d1d1; background-color: #f7f7f7; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 8px; }
+
+textview > text { background-color: transparent; }
+
+textview:drop(active) { caret-color: #2ac88d; }
+
+textview.sourceview, textview.sourceview > * { border-radius: 0; }
+
+textview > border { background-color: #fbfbfb; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #595b5d; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #47494a; background-color: rgba(71, 73, 74, 0.2); border-radius: 0; }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child.activatable:hover { background-color: #e2e2e3; }
+
+gridview > child.activatable:active { background-color: #d8d8d8; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: #29292a; background-color: white; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+label > selection:focus-within { background-color: rgba(96, 98, 100, 0.3); }
+
+label:disabled { color: #909091; }
+
+button label:disabled { color: inherit; }
+
+label:disabled:backdrop { color: #d1d1d1; }
+
+button label:disabled:backdrop { color: inherit; }
+
+label.error { color: #fa4444; }
+
+label.error:disabled { color: rgba(250, 68, 68, 0.5); }
+
+label.error:disabled:backdrop { color: rgba(250, 68, 68, 0.4); }
+
+.dim-label, windowtitle .subtitle, row label.subtitle, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { background-color: #f7f7f7; padding: 6px; border-top: 1px solid #e8e8e8; }
+
+window.assistant .sidebar:backdrop { background-color: #f7f7f7; border-color: #ebebeb; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #e2e2e3; border-radius: 8px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+toast, .osd .scale-popup, .app-notification, .osd { color: #29292a; border: none; background-color: white; background-clip: padding-box; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 0.75); }
+
+toast:backdrop, .osd .scale-popup:backdrop, .app-notification:backdrop, .osd:backdrop { color: #7c7c7c; background-color: white; box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 0.75); }
+
+toast:disabled, .osd .scale-popup:disabled, .app-notification:disabled, .osd:disabled { box-shadow: none; }
+
+toast.circular, .osd .circular.scale-popup, .circular.app-notification, .osd.circular { border-radius: 9999px; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { transform: rotate(1turn); } }
+
+spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+
+spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
+
+spinner:checked:disabled { opacity: 0.5; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: none; border-radius: 8px; border-spacing: 6px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #29292a; background-color: white; box-shadow: inset 0 0 0 1px #e8e8e8; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: white; background-color: #29292a; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { color: #29292a; background-color: white; box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #909091; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text:backdrop, spinbutton:backdrop:not(.vertical), entry:backdrop { color: #7c7c7c; background-color: white; box-shadow: inset 0 0 0 1px #ebebeb; border-color: #f7f7f7; transition: 150ms ease-out; }
+
+spinbutton.vertical > text:backdrop:disabled, spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #d1d1d1; background-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: #fa4444; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { color: #fa4444; background-color: white; box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #fa4444; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f88052; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: #f88052; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { color: #f88052; background-color: white; box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f88052; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { color: #2ac88d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: #2ac88d; outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { color: #2ac88d; background-color: white; box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #2ac88d; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #545455; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #29292a; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #606264; }
+
+spinbutton.vertical > text > image:backdrop, spinbutton:not(.vertical) > image:backdrop, entry > image:backdrop { color: #969696; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #969696; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 3px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 3px; border-width: 0 0 3px; border-color: #606264; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #fa4444; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: white; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border: none; border-radius: 0; background-image: none; background-color: white; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: #29292a; background-color: white; box-shadow: inset 0 0 0 1px #e8e8e8; }
+
+editablelabel > stack > text > selection, editablelabel > stack > text > selection:focus-within { background-color: #d5d5d6; color: #2f2f30; }
+
+editablelabel > stack > text > selection:disabled, editablelabel > stack > text > selection:focus-within:disabled { color: #8b8b8d; }
+
+editablelabel > stack > text > selection:backdrop, editablelabel > stack > text > selection:focus-within:backdrop { background-color: gainsboro; color: #7c7c7c; }
+
+editablelabel > stack > text > selection:backdrop:disabled, editablelabel > stack > text > selection:focus-within:backdrop:disabled { color: #c9c9c9; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #606264 0%, rgba(96, 98, 100, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #606264 95%, rgba(96, 98, 100, 0)); } }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: none; border-radius: 8px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: #29292a; background-color: #e8e8e8; background-image: none; box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, headerbar windowcontrols button > image, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, headerbar windowcontrols button > image:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, list > row button.image-button:focus:focus-visible:not(.flat), button:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, headerbar windowcontrols button > image:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:hover:not(.flat), button:hover { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow.keyboard-activating, headerbar windowcontrols button > image.keyboard-activating, notebook > header > tabs > arrow:active, headerbar windowcontrols button > image:active, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:active:not(.flat), button.keyboard-activating, button:active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+notebook > header > tabs > arrow:checked, headerbar windowcontrols button > image:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:checked:not(.flat), button:checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+notebook > header > tabs > arrow:checked:active, headerbar windowcontrols button > image:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, list > row button.image-button:checked:active:not(.flat), button:checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle, headerbar windowcontrols button > image:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle, list > row button.image-button:checked.toggle:not(.flat), button:checked.toggle { color: #29292a; background-color: lightgray; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:checked.toggle:hover, headerbar windowcontrols button > image:checked.toggle:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:hover, button:checked.toggle:hover { color: #29292a; background-color: #cecece; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+notebook > header > tabs > arrow:checked.toggle:active, headerbar windowcontrols button > image:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:checked.toggle:active, button:checked.toggle:active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, headerbar windowcontrols button > image:backdrop, popover.menu box.circular-buttons button.circular.image-button.model:backdrop, list > row button.image-button:backdrop:not(.flat), button:backdrop.flat, button:backdrop { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), headerbar windowcontrols button > image:backdrop:not(:disabled), popover.menu box.circular-buttons button.circular.image-button.model:backdrop:not(:disabled), list > row button.image-button:backdrop:not(:disabled):not(.flat), button:backdrop.flat:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:hover, headerbar windowcontrols button > image:backdrop:hover, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:hover, list > row button.image-button:backdrop:hover:not(.flat), button:backdrop.flat:hover, button:backdrop:hover { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:active, headerbar windowcontrols button > image:backdrop:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:active, list > row button.image-button:backdrop:active:not(.flat), button:backdrop.flat:active, button:backdrop:active { color: #7c7c7c; background-color: #dedede; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked, headerbar windowcontrols button > image:backdrop:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked, list > row button.image-button:backdrop:checked:not(.flat), button:backdrop.flat:checked, button:backdrop:checked { color: white; background-color: gray; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle, headerbar windowcontrols button > image:backdrop:checked.toggle, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle, button:backdrop.flat:checked.toggle, button:backdrop:checked.toggle { color: #7c7c7c; background-color: #e1e1e1; background-image: none; box-shadow: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:checked.toggle:active, headerbar windowcontrols button > image:backdrop:checked.toggle:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:checked.toggle:active, button:backdrop.flat:checked.toggle:active, button:backdrop:checked.toggle:active { color: #7c7c7c; background-color: #dedede; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, headerbar windowcontrols button > image:backdrop:disabled, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled, list > row button.image-button:backdrop:disabled:not(.flat), button:backdrop.flat:disabled, button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, headerbar windowcontrols button > image:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar windowcontrols button > image:backdrop:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.circular.image-button.model:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; }
+
+notebook > header > tabs > arrow:disabled, headerbar windowcontrols button > image:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, list > row button.image-button:disabled:not(.flat), button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, headerbar windowcontrols button > image:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar windowcontrols button > image:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+splitbutton.flat > button, splitbutton.flat > menubutton > button, button.sidebar-button, notebook > header > tabs > arrow, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, headerbar windowcontrols button > image.flat, popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.flat.image-button:not(.flat), button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, headerbar windowcontrols button > image.flat:hover, popover.menu box.circular-buttons button.flat.circular.image-button.model:hover, list > row button.flat.image-button:hover:not(.flat), button.flat:hover { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, button.sidebar-button:active, notebook > header > tabs > arrow:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, headerbar windowcontrols button > image.flat.keyboard-activating, headerbar windowcontrols button > image.flat:active, headerbar windowcontrols button > image.flat:checked, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, list > row button.flat.keyboard-activating.image-button:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:active, list > row button.flat.image-button:active:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:checked, list > row button.flat.image-button:checked:not(.flat), button.flat.keyboard-activating, button.flat:active, button.flat:checked { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+splitbutton.flat > button:backdrop, splitbutton.flat > menubutton > button:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, headerbar windowcontrols button > image.flat:backdrop, headerbar windowcontrols button > image.flat:disabled, popover.menu box.circular-buttons button.flat.circular.image-button.model:backdrop, list > row button.flat.image-button:backdrop:not(.flat), popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, list > row button.flat.image-button:disabled:not(.flat), button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, headerbar windowcontrols button > image.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.flat image, headerbar windowcontrols button > image.flat image, notebook > header > tabs > arrow.image-button image, headerbar windowcontrols button > image.image-button image, popover.menu box.circular-buttons button.image-button.circular.model image, list > row button.image-button:not(.flat) image, button.flat image, button.image-button image { -gtk-icon-transform: scale(1); transition: -gtk-icon-transform 150ms ease; }
+
+notebook > header > tabs > arrow.flat:active image, headerbar windowcontrols button > image.flat:active image, notebook > header > tabs > arrow.image-button:active image, headerbar windowcontrols button > image.image-button:active image, popover.menu box.circular-buttons button.image-button.circular.model:active image, list > row button.image-button:active:not(.flat) image, button.flat:active image, button.image-button:active image { -gtk-icon-transform: scale(0.85); }
+
+notebook > header > tabs > arrow.text-button, headerbar windowcontrols button > image.text-button, popover.menu box.circular-buttons button.text-button.circular.image-button.model, list > row button.text-button.image-button:not(.flat), button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, headerbar windowcontrols button > image.text-button.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.text-button.image-button:not(.flat), button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, headerbar windowcontrols button > image.text-button.image-button label, popover.menu box.circular-buttons button.image-button.circular.model label, list > row button.text-button.image-button:not(.flat) label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, headerbar windowcontrols button > image.arrow-button, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model, list > row button.arrow-button.image-button:not(.flat), button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, headerbar windowcontrols button > image.arrow-button > box, popover.menu box.circular-buttons button.arrow-button.circular.image-button.model > box, list > row button.arrow-button.image-button:not(.flat) > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar windowcontrols button > image:drop(active), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), list > row button.image-button:drop(active):not(.flat), button:drop(active) { color: #2ac88d; border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: white; border-color: transparent; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: white; }
+
+popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd { min-width: 26px; min-height: 32px; border-radius: 8px; border: none; }
+
+popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button { min-width: 30px; }
+
+popover.menu box.circular-buttons button.image-button.circular.model:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, headerbar button.suggested-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, button.suggested-action:focus:focus-visible, headerbar button.suggested-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.suggested-action.flat.image-button:not(.flat), button.suggested-action.flat, headerbar button.suggested-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #606264; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:hover, list > row button.suggested-action.image-button:hover:not(.flat), button.suggested-action:hover, headerbar button.suggested-action:not(.text-button):hover { color: white; background: image(#61717c); background-color: #61717c; box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:active, list > row button.suggested-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:checked, list > row button.suggested-action.image-button:checked:not(.flat), button.suggested-action:active, button.suggested-action:checked, headerbar button.suggested-action:not(.text-button):active, headerbar button.suggested-action:not(.text-button):checked { color: white; background-image: none; background-color: #47494a; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.suggested-action.flat:disabled, headerbar button.suggested-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(96, 98, 100, 0.8); }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled, list > row button.suggested-action.image-button:disabled:not(.flat), button.suggested-action:disabled, headerbar button.suggested-action:not(.text-button):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, headerbar button.suggested-action:not(.text-button):disabled:active, headerbar button.suggested-action:not(.text-button):disabled:checked { color: #909091; background-color: #707274; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop, list > row button.suggested-action.image-button:backdrop:not(.flat), button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar button.suggested-action:not(.text-button):backdrop, headerbar button.suggested-action:not(.text-button).flat:backdrop { color: white; background-color: #626262; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar button.suggested-action:not(.text-button):backdrop:active, headerbar button.suggested-action:not(.text-button):backdrop:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:checked { color: white; background-color: #494949; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar button.suggested-action:not(.text-button):backdrop:disabled, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button):backdrop:disabled:active, headerbar button.suggested-action:not(.text-button):backdrop:disabled:checked, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.suggested-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: #6a6a6a; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, headerbar button.destructive-action:not(.text-button) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, button.destructive-action:focus:focus-visible, headerbar button.destructive-action:not(.text-button):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model, list > row button.destructive-action.flat.image-button:not(.flat), button.destructive-action.flat, headerbar button.destructive-action:not(.text-button).flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #fa4444; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:hover, list > row button.destructive-action.image-button:hover:not(.flat), button.destructive-action:hover, headerbar button.destructive-action:not(.text-button):hover { color: white; background: image(#ff5966); background-color: #ff5966; box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:active, list > row button.destructive-action.image-button:active:not(.flat), popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:checked, list > row button.destructive-action.image-button:checked:not(.flat), button.destructive-action:active, button.destructive-action:checked, headerbar button.destructive-action:not(.text-button):active, headerbar button.destructive-action:not(.text-button):checked { color: white; background-image: none; background-color: #f91212; box-shadow: none; }
+
+popover.menu box.circular-buttons button.flat.circular.image-button.model:disabled, button.destructive-action.flat:disabled, headerbar button.destructive-action:not(.text-button).flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(250, 68, 68, 0.8); }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled, list > row button.destructive-action.image-button:disabled:not(.flat), button.destructive-action:disabled, headerbar button.destructive-action:not(.text-button):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, headerbar button.destructive-action:not(.text-button):disabled:active, headerbar button.destructive-action:not(.text-button):disabled:checked { color: #909091; background-color: #fb5757; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop, list > row button.destructive-action.image-button:backdrop:not(.flat), button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar button.destructive-action:not(.text-button):backdrop, headerbar button.destructive-action:not(.text-button).flat:backdrop { color: white; background-color: #9f9f9f; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar button.destructive-action:not(.text-button):backdrop:active, headerbar button.destructive-action:not(.text-button):backdrop:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:checked { color: white; background-color: #868686; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar button.destructive-action:not(.text-button):backdrop:disabled, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:active, popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button):backdrop:disabled:active, headerbar button.destructive-action:not(.text-button):backdrop:disabled:checked, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:active, headerbar button.destructive-action:not(.text-button).flat:backdrop:disabled:checked { color: #d1d1d1; background-color: #a4a4a4; box-shadow: none; background-image: none; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > label, list > row stackswitcher > button.image-button:not(.flat) > label, stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+popover.menu box.circular-buttons stackswitcher > button.circular.image-button.model > image, list > row stackswitcher > button.image-button:not(.flat) > image, stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model separator, list > row button.font.image-button:not(.flat) separator, button.font separator { background-color: transparent; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box, list > row button.font.image-button:not(.flat) > box, button.font > box { border-spacing: 6px; }
+
+popover.menu box.circular-buttons button.font.circular.image-button.model > box > box > label, list > row button.font.image-button:not(.flat) > box > box > label, button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular list > row button.image-button:not(.flat), list > row menubutton.circular button.image-button:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model, list > row button.circular.image-button:not(.flat), menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular list > row button.image-button:not(.flat) label, list > row menubutton.circular button.image-button:not(.flat) label, popover.menu box.circular-buttons button.circular.image-button.model label, list > row button.circular.image-button:not(.flat) label, menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > label, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image, list > row stackswitcher > button.needs-attention.image-button:not(.flat) > image, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #606264 96%, rgba(96, 98, 100, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:backdrop, popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > label:dir(rtl), popover.menu box.circular-buttons stackswitcher > button.needs-attention.circular.image-button.model > image:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(rtl):not(:first-child), list > row .linked:not(.vertical) > button.image-button:dir(rtl):not(:first-child):not(.flat), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), popover.menu box.circular-buttons .linked:not(.vertical) > button.circular.image-button.model:dir(ltr):not(:last-child), list > row .linked:not(.vertical) > button.image-button:dir(ltr):not(:last-child):not(.flat), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:first-child), list > row .linked.vertical > button.image-button:not(:first-child):not(.flat), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 1px; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), popover.menu box.circular-buttons .linked.vertical > button.circular.image-button.model:not(:last-child), list > row .linked.vertical > button.image-button:not(:last-child):not(.flat), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 1px; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; text-shadow: none; -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 8px; }
+
+modelbutton.flat:hover { background-color: #e2e2e3; }
+
+modelbutton.flat:disabled { color: #909091; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; box-shadow: none; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #47494a; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #2e2f30; }
+
+*:selected button.link:visited, *:selected link:visited { color: #abacac; }
+
+button.link:hover, link:hover { color: #606264; box-shadow: none; }
+
+*:selected button.link:hover, *:selected link:hover { color: #efeff0; }
+
+button.link:active, link:active { color: #47494a; }
+
+*:selected button.link:active, *:selected link:active { color: #dadbdb; }
+
+button.link:disabled, link:disabled { color: rgba(73, 73, 73, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #dadbdb; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; box-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/****************** Stack Switcher * */
+stackswitcher > button, stackswitcher.linked:not(.vertical) > button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+stackswitcher > button:hover, stackswitcher.linked:not(.vertical) > button:hover { color: #29292a; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+stackswitcher > button:active, stackswitcher.linked:not(.vertical) > button:active { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+stackswitcher > button:checked, stackswitcher.linked:not(.vertical) > button:checked { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+stackswitcher > button:checked:hover, stackswitcher.linked:not(.vertical) > button:checked:hover { color: #29292a; background-color: #cecece; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+stackswitcher > button:checked:active, stackswitcher.linked:not(.vertical) > button:checked:active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+stackswitcher > button:disabled, stackswitcher.linked:not(.vertical) > button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:disabled:active, stackswitcher > button:disabled:checked, stackswitcher.linked:not(.vertical) > button:disabled:active, stackswitcher.linked:not(.vertical) > button:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+stackswitcher > button:backdrop, stackswitcher.linked:not(.vertical) > button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+stackswitcher > button:backdrop:hover, stackswitcher.linked:not(.vertical) > button:backdrop:hover { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:active, stackswitcher.linked:not(.vertical) > button:backdrop:active { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:checked, stackswitcher.linked:not(.vertical) > button:backdrop:checked { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled, stackswitcher.linked:not(.vertical) > button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+stackswitcher > button:backdrop:disabled:active, stackswitcher > button:backdrop:disabled:checked, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:active, stackswitcher.linked:not(.vertical) > button:backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; }
+
+stackswitcher > button, stackswitcher > button:not(:first-child), stackswitcher > button:not(:last-child), stackswitcher > button:dir(ltr), stackswitcher > button:dir(ltr):not(:first-child), stackswitcher > button:dir(ltr):not(:last-child), stackswitcher > button:dir(rtl), stackswitcher > button:dir(rtl):not(:first-child), stackswitcher > button:dir(rtl):not(:last-child), stackswitcher.linked:not(.vertical) > button, stackswitcher.linked:not(.vertical) > button:not(:first-child), stackswitcher.linked:not(.vertical) > button:not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(ltr), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(ltr):not(:last-child), stackswitcher.linked:not(.vertical) > button:dir(rtl), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:first-child), stackswitcher.linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-radius: 8px; }
+
+stackswitcher > button.circular, stackswitcher > button:dir(ltr).circular, stackswitcher > button:dir(rtl).circular, stackswitcher.linked:not(.vertical) > button.circular, stackswitcher.linked:not(.vertical) > button:dir(ltr).circular, stackswitcher.linked:not(.vertical) > button:dir(rtl).circular { border-radius: 9999px; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #29292a; background-image: none; border-style: none none none solid; border-color: transparent; border-radius: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: #909091; background-color: #f7f7f7; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):backdrop:disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):backdrop:disabled { color: #d1d1d1; background-color: #f7f7f7; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 7px 7px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 7px 0 0 7px; }
+
+spinbutton.vertical:disabled { color: #909091; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection, spinbutton.vertical > text > selection:focus-within { background-color: #d5d5d6; color: #2f2f30; }
+
+spinbutton.vertical > text > selection:disabled, spinbutton.vertical > text > selection:focus-within:disabled { color: #8b8b8d; }
+
+spinbutton.vertical > text > selection:backdrop, spinbutton.vertical > text > selection:focus-within:backdrop { background-color: gainsboro; color: #7c7c7c; }
+
+spinbutton.vertical > text > selection:backdrop:disabled, spinbutton.vertical > text > selection:focus-within:backdrop:disabled { color: #c9c9c9; }
+
+spinbutton.vertical > text > block-cursor { color: white; background-color: #29292a; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: #29292a; background-color: #e2e2e3; box-shadow: none; border-radius: 8px; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #e8e8e8; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #f7f7f7; }
+
+searchbar > revealer > box:backdrop, .toolbar:backdrop { background-color: #f7f7f7; }
+
+searchbar > revealer > box entry, .toolbar entry, searchbar > revealer > box spinbutton, .toolbar spinbutton, searchbar > revealer > box splitbutton, .toolbar splitbutton, searchbar > revealer > box separator:not(.sidebar), .toolbar separator:not(.sidebar), searchbar > revealer > box button, .toolbar button, searchbar > revealer > box menubutton, .toolbar menubutton, searchbar > revealer > box scalebutton, .toolbar scalebutton { margin-top: 6px; margin-bottom: 6px; }
+
+searchbar > revealer > box menubutton > button, .toolbar menubutton > button, searchbar > revealer > box splitbutton > button, .toolbar splitbutton > button, searchbar > revealer > box splitbutton > menubutton, .toolbar splitbutton > menubutton, searchbar > revealer > box scalebutton > button, .toolbar scalebutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+searchbar > revealer > box switch, .toolbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+searchbar > revealer > box popover entry, .toolbar popover entry, searchbar > revealer > box popover spinbutton, .toolbar popover spinbutton, searchbar > revealer > box popover splitbutton, .toolbar popover splitbutton, searchbar > revealer > box popover separator:not(.sidebar), .toolbar popover separator:not(.sidebar), searchbar > revealer > box popover button, .toolbar popover button, searchbar > revealer > box popover menubutton, .toolbar popover menubutton, searchbar > revealer > box popover scalebutton, .toolbar popover scalebutton, searchbar > revealer > box popover switch, .toolbar popover switch { margin-top: 0; margin-bottom: 0; }
+
+searchbar > revealer > box popover.menu separator:not(.sidebar), .toolbar popover.menu separator:not(.sidebar) { margin-top: 6px; margin-bottom: 6px; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 6px; border: none; border-radius: 12px; }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: none; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: none; background-color: #f7f7f7; }
+
+searchbar > revealer > box:backdrop { background-color: #f7f7f7; }
+
+searchbar > revealer > box:backdrop > * { filter: none; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #fff9f6; border-bottom: 1px solid #f7f7f7; }
+
+infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #fef2ee; border-bottom: 1px solid #f7f7f7; }
+
+infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { color: #563b25; }
+
+infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
+
+infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+infobar.info button:checked:active, infobar.question button:checked:active, infobar.warning button:checked:active, infobar.error button:checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #563b25; }
+
+infobar button.close, searchbar button.close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar button.close:dir(ltr), searchbar button.close:dir(ltr) { margin-left: 10px; margin-right: 4px; }
+
+infobar button.close:dir(rtl), searchbar button.close:dir(rtl) { margin-left: 4px; margin-right: 10px; }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; margin: 0 1px; }
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { margin-right: 7px; }
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { margin-left: 7px; }
+
+headerbar windowcontrols button { padding: 0; min-width: 0; min-height: 0; margin: 0 4px; background-color: transparent; border-radius: 9999px; }
+
+headerbar windowcontrols button > image { border-radius: 9999px; padding: 4px; min-width: 0; min-height: 0; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 44px; border: none; border-radius: 0; color: #29292a; background-color: #f7f7f7; box-shadow: inset -1px 0 #e8e8e8; }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { color: #7c7c7c; background-color: #f7f7f7; background-image: none; box-shadow: inset -1px 0 #ebebeb; transition: 150ms ease-out; }
+
+.titlebar:backdrop:not(headerbar) .title, headerbar:backdrop .title { filter: opacity(0.5); }
+
+.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; border-color: transparent; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 24px; min-width: 24px; margin: 0 1px; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar button { font-weight: bold; }
+
+headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+headerbar button:not(.text-button):hover { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+headerbar button:not(.text-button):active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; }
+
+headerbar button:not(.text-button):checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+headerbar button:not(.text-button):checked:hover { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+headerbar button:not(.text-button):checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+headerbar button:not(.text-button):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; }
+
+headerbar button:not(.text-button):backdrop:hover { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:active { color: #7c7c7c; background-color: #dedede; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:checked { color: white; background-color: gray; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e8e8e8; margin-left: 0; margin-right: 0; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):backdrop, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):backdrop { border-color: #ebebeb; }
+
+headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr):only-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):last-child, headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl):only-child { border: none; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 9px; margin-bottom: 9px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #e8e8e8; }
+
+.titlebar:not(headerbar) separator:backdrop { background-color: #ebebeb; }
+
+window.devel headerbar.titlebar { background: #f7f7f7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(96, 98, 100, 0.15)); }
+
+window.devel headerbar.titlebar:backdrop { background: #f7f7f7 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f7f7f7); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar scrolledwindow undershoot.left { border-left: solid 1px #e8e8e8; }
+
+pathbar scrolledwindow undershoot.right { border-right: solid 1px #e8e8e8; }
+
+pathbar button.text-button, pathbar button.image-button, pathbar button { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar button.text-button.image-button label:last-child, pathbar button label:last-child { padding-right: 8px; }
+
+pathbar button.text-button.image-button label:first-child, pathbar button label:first-child { padding-left: 8px; }
+
+pathbar button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #ededed; border-top-color: #ededed; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #909091; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #a0a1a2; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #909193; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #ededed; }
+
+columnview.view.separator:backdrop, treeview.view.separator:backdrop { color: #efefef; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #efefef; border-top-color: #efefef; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #595b5d; }
+
+columnview.view > dndtarget:drop(active).after, treeview.view > dndtarget:drop(active).after { border-top-style: none; }
+
+columnview.view > dndtarget:drop(active).before, treeview.view > dndtarget:drop(active).before { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #69696a; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: #29292a; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #cfd0d1; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: white; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: white; background-color: #606264; background: linear-gradient(to right, #4b5560, #61717c); box-shadow: none; border-radius: 8px; }
+
+columnview.view.progressbar:backdrop, treeview.view.progressbar:backdrop { color: white; background-color: gray; background-image: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 8px; color: #606264; background-color: white; background-image: none; }
+
+columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:backdrop { color: gray; background-color: white; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(41, 41, 42, 0.1); border-radius: 8px; }
+
+columnview.view.trough:backdrop, treeview.view.trough:backdrop { background-color: rgba(124, 124, 124, 0.1); }
+
+columnview.view.trough:selected, treeview.view.trough:selected { border-radius: 8px; }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view.trough:selected:backdrop, treeview.view.trough:selected:backdrop { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #949495; background-color: white; font-weight: bold; text-shadow: none; box-shadow: none; margin: 0 1px 1px 0; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { margin-right: 0; }
+
+columnview.view > header > button > box, treeview.view > header > button > box { color: #949495; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #5f5f60; box-shadow: none; transition: none; }
+
+columnview.view > header > button:hover > box, treeview.view > header > button:hover > box { color: #5f5f60; box-shadow: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #29292a; transition: none; }
+
+columnview.view > header > button:active > box, treeview.view > header > button:active > box { color: #29292a; }
+
+columnview.view > header > button:backdrop, columnview.view > header > button:backdrop > box, treeview.view > header > button:backdrop, treeview.view > header > button:backdrop > box { color: #b9b9b9; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: white; background-image: none; background-color: #606264; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px white; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #606264; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #ededed; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #f7f7f7; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: white; background-clip: padding-box; border: none; box-shadow: 0 2px 8px 1px rgba(41, 41, 42, 0.225); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 12px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #e8e8e8; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; box-shadow: none; }
+
+magnifier { background-color: white; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e2e2e3); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #d8d8d8; border-color: #d8d8d8; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: white; padding: 6px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton, popover.menu row { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 8px; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+popover.menu modelbutton, popover.menu modelbutton label, popover.menu row, popover.menu row label { color: #29292a; }
+
+popover.menu modelbutton:hover label, popover.menu row:hover label { color: #29292a; }
+
+popover.menu modelbutton:selected, popover.menu modelbutton:checked, popover.menu row:selected, popover.menu row:checked { color: #29292a; background-color: #e2e2e3; background-image: none; box-shadow: none; }
+
+popover.menu modelbutton:selected label, popover.menu modelbutton:checked label, popover.menu row:selected label, popover.menu row:checked label { color: #29292a; }
+
+popover.menu modelbutton:selected:active, popover.menu modelbutton:checked:active, popover.menu row:selected:active, popover.menu row:checked:active { color: #29292a; background-color: #d8d8d8; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #cecece 10%, transparent 0%); background-size: 0% 0%; }
+
+popover.menu modelbutton:selected:active label, popover.menu modelbutton:checked:active label, popover.menu row:selected:active label, popover.menu row:checked:active label { color: #29292a; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+popover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }
+
+popover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }
+
+menubar { padding: 0px; box-shadow: none; }
+
+menubar > item { min-height: 16px; padding: 4px 8px; border-radius: 8px; }
+
+menubar > item:selected { box-shadow: none; background-color: #e2e2e3; }
+
+menubar > item:disabled { color: #909091; background-color: transparent; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 6px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 12px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 2px; border-style: none; background-color: #e8e8e8; }
+
+notebook > header:backdrop { background-color: #ebebeb; }
+
+notebook > header > button { padding: 2px 9px; margin: 2px; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { transition: none; min-height: 16px; min-width: 16px; }
+
+notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; transition: none; }
+
+notebook > header > tabs > arrow:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin: 0; padding: 0; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 24px; min-width: 30px; padding: 2px 9px; margin: 2px; border-radius: 8px; color: #4f4f50; font-weight: normal; border-style: none; box-shadow: none; }
+
+notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.05); box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop, notebook > header.bottom > tabs > tab:backdrop, notebook > header.left > tabs > tab:backdrop, notebook > header.right > tabs > tab:backdrop { color: #7c7c7c; box-shadow: none; }
+
+notebook > header.top > tabs > tab:backdrop.reorderable-page, notebook > header.bottom > tabs > tab:backdrop.reorderable-page, notebook > header.left > tabs > tab:backdrop.reorderable-page, notebook > header.right > tabs > tab:backdrop.reorderable-page { background-color: transparent; }
+
+notebook > header.top > tabs > tab:not(:checked), notebook > header.bottom > tabs > tab:not(:checked), notebook > header.left > tabs > tab:not(:checked), notebook > header.right > tabs > tab:not(:checked) { outline-color: transparent; box-shadow: none; }
+
+notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { color: #29292a; background-color: white; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked, notebook > header.bottom > tabs > tab:backdrop:checked, notebook > header.left > tabs > tab:backdrop:checked, notebook > header.right > tabs > tab:backdrop:checked { color: #7c7c7c; background-color: white; box-shadow: 0 1px 4px rgba(42, 42, 42, 0.075); }
+
+notebook > header.top > tabs > tab:backdrop:checked.reorderable-page, notebook > header.bottom > tabs > tab:backdrop:checked.reorderable-page, notebook > header.left > tabs > tab:backdrop:checked.reorderable-page, notebook > header.right > tabs > tab:backdrop:checked.reorderable-page { background-color: white; }
+
+notebook > header.top > tabs > tab button.flat, notebook > header.bottom > tabs > tab button.flat, notebook > header.left > tabs > tab button.flat, notebook > header.right > tabs > tab button.flat { border-radius: 999px; color: alpha(currentColor,0.3); padding: 0; margin-top: 2px; margin-bottom: 2px; min-width: 20px; min-height: 20px; }
+
+notebook > header.top > tabs > tab button.flat:hover, notebook > header.bottom > tabs > tab button.flat:hover, notebook > header.left > tabs > tab button.flat:hover, notebook > header.right > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header.top > tabs > tab button.flat:last-child, notebook > header.bottom > tabs > tab button.flat:last-child, notebook > header.left > tabs > tab button.flat:last-child, notebook > header.right > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header.top > tabs > tab button.flat:first-child, notebook > header.bottom > tabs > tab button.flat:first-child, notebook > header.left > tabs > tab button.flat:first-child, notebook > header.right > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > stack:not(:only-child) { background-color: transparent; }
+
+notebook > stack:not(:only-child):backdrop { background-color: transparent; }
+
+notebook.frame > header, frame notebook > header, .frame notebook > header { padding: 2px; }
+
+notebook.frame > header.top, frame notebook > header.top, .frame notebook > header.top { border-radius: 10px 10px 0 0; }
+
+notebook.frame > header.bottom, frame notebook > header.bottom, .frame notebook > header.bottom { border-radius: 0 0 10px 10px; }
+
+notebook.frame > header.left, frame notebook > header.left, .frame notebook > header.left { border-radius: 10px 0 0 10px; }
+
+notebook.frame > header.right, frame notebook > header.right, .frame notebook > header.right { border-radius: 0 10px 10px 0; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #e8e8e8; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar, scrollbar.top, scrollbar.bottom, scrollbar.left, scrollbar.right { box-shadow: none; }
+
+scrollbar:backdrop { background-color: #ebebeb; transition: 150ms ease-out; }
+
+scrollbar > range > trough { background-color: transparent; padding: 0; margin: 0; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7b7b7c; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #525253; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #29292a; }
+
+scrollbar > range > trough > slider:backdrop { background-color: #a1a1a1; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: alpha(#29292a,0.4); border: 1px solid alpha(white,0.4); outline: none; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { background-color: alpha(#e8e8e8,0.8); border: none; }
+
+scrollbar.overlay-indicator.dragging > range > trough, scrollbar.overlay-indicator.dragging > range > trough > slider, scrollbar.overlay-indicator.hovering > range > trough, scrollbar.overlay-indicator.hovering > range > trough > slider { outline: none; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #e8e8e8; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; min-width: 36px; min-height: 18px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: none; padding: 2px; border-radius: 999px; background-color: #cecece; background-image: none; color: #29292a; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: 0; }
+
+switch:checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); }
+
+switch:disabled { background-color: #e8e8e8; background-image: none; }
+
+switch:disabled:checked { background-color: #afafaf; background-image: none; }
+
+switch:backdrop { background-color: #d6d6d6; background-image: none; transition: 150ms ease-out; }
+
+switch:backdrop:checked { background-color: gray; background-image: none; }
+
+switch:backdrop:disabled { background-color: #ebebeb; background-image: none; }
+
+switch:backdrop:disabled:checked { background-color: #cacaca; background-image: none; }
+
+switch > slider { margin: 2px; min-width: 18px; min-height: 18px; border: none; border-radius: 999px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: white; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { box-shadow: 0 2px 8px rgba(41, 41, 42, 0.225); }
+
+switch:disabled slider { background-color: #f7f7f7; box-shadow: none; }
+
+switch:backdrop slider { transition: 150ms ease-out; background-color: #f7f7f7; box-shadow: 0 2px 8px rgba(42, 42, 42, 0.075); }
+
+switch:checked slider { background-color: white; box-shadow: none; }
+
+switch:backdrop:checked slider { background-color: white; }
+
+row:selected switch { outline-color: white; box-shadow: none; box-shadow: inset 0 0 0 1px white; }
+
+/************************* Check and Radio items * */
+.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; border-radius: 8px; transition: 150ms; padding: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
+
+checkbutton { border-spacing: 4px; border-radius: 8px; transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; padding: 1px; border: none; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background: image(white); box-shadow: inset 0 0 0 1px #cecece; color: #29292a; }
+
+check:hover, radio:hover { background: image(#f4f4f4); }
+
+check:active, radio:active { background: image(#eaeaea); }
+
+check:disabled, radio:disabled { box-shadow: none; background-image: none; background-color: #fbfbfb; color: rgba(41, 41, 42, 0.7); }
+
+check:backdrop, radio:backdrop { background-image: none; background-color: #fdfdfd; box-shadow: inset 0 0 0 1px #cecece; color: #29292a; }
+
+check:backdrop:disabled, radio:backdrop:disabled { box-shadow: none; background-image: none; background-color: #fbfbfb; color: rgba(41, 41, 42, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; color: white; }
+
+check:checked:hover, radio:checked:hover { background: image(#5d5f61); }
+
+check:checked:active, radio:checked:active { background: image(#5b5c5e); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; background-image: none; background-color: #acadae; color: rgba(255, 255, 255, 0.7); }
+
+check:checked:backdrop, radio:checked:backdrop { background-image: none; background-color: gray; box-shadow: none; color: white; }
+
+check:checked:backdrop:disabled, radio:checked:backdrop:disabled { box-shadow: none; background-image: none; background-color: #adadad; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; color: white; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background: image(#5d5f61); }
+
+check:indeterminate:active, radio:indeterminate:active { background: image(#5b5c5e); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; background-image: none; background-color: #acadae; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate:backdrop, radio:indeterminate:backdrop { background-image: none; background-color: gray; box-shadow: none; color: white; }
+
+check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { box-shadow: none; background-image: none; background-color: #adadad; color: rgba(255, 255, 255, 0.7); }
+
+check:backdrop, radio:backdrop { transition: 150ms ease-out; }
+
+row:selected check, row:selected radio { border: 1px solid #606264; padding: 0; }
+
+check { border-radius: 4px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: white; border: 1px solid #595b5d; }
+
+treeview.view check:selected:focus:backdrop, treeview.view check:selected:backdrop, treeview.view radio:selected:focus:backdrop, treeview.view radio:selected:backdrop { border-color: #7a7a7a; }
+
+checkbutton.selection-mode { border-radius: 9999px; }
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio { padding: 6px; border-radius: 9999px; }
+
+checkbutton.selection-mode label:dir(ltr) { margin-right: 6px; }
+
+checkbutton.selection-mode label:dir(rtl) { margin-left: 6px; }
+
+/************ GtkScale * */
+levelbar > trough > block.empty, progressbar > trough, scale > trough > fill, scale > trough { border: none; border-radius: 8px; background-color: #e8e8e8; }
+
+levelbar > trough > block.empty:disabled, progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #e8e8e8; }
+
+levelbar > trough > block.empty:backdrop, progressbar > trough:backdrop, scale > trough > fill:backdrop, scale > trough:backdrop { background-color: #ebebeb; transition: 150ms ease-out; }
+
+levelbar > trough > block.empty:backdrop:disabled, progressbar > trough:backdrop:disabled, scale > trough > fill:backdrop:disabled, scale > trough:backdrop:disabled { background-color: #ebebeb; }
+
+row:selected levelbar > trough > block.empty, row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border: 1px solid white; }
+
+progressbar > trough > progress, scale > trough > highlight { border: none; border-radius: 8px; background-color: #606264; background: linear-gradient(to right, #4b5560, #61717c); }
+
+scale.vertical progressbar > trough > progress, scale.vertical scale > trough > highlight, progressbar.vertical progressbar > trough > progress, progressbar.vertical scale > trough > highlight { background: linear-gradient(to top, #4b5560, #61717c); }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-image: none; background-color: #cecece; }
+
+progressbar > trough > progress:backdrop, scale > trough > highlight:backdrop { background-image: none; background-color: gray; }
+
+progressbar > trough > progress:backdrop:disabled, scale > trough > highlight:backdrop:disabled { background-image: none; background-color: #d6d6d6; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border: 1px solid white; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: #606264; outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > slider { min-height: 20px; min-width: 20px; margin: -8px; }
+
+scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
+
+scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
+
+scale.fine-tune > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 8px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { border: none; border-radius: 100%; background-color: white; outline: none; box-shadow: 0 1.5px 2px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.1); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover, row scale > trough > slider:hover, popover scale > trough > slider:hover { background-color: white; box-shadow: 0 2px 3px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.15); }
+
+scale > trough > slider:active, row scale > trough > slider:active, popover scale > trough > slider:active { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(96, 98, 100, 0.2), 0 0 0 1px rgba(89, 90, 92, 0.325); }
+
+scale > trough > slider:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(41, 41, 42, 0.225); }
+
+scale > trough > slider:backdrop { background-color: white; transition: 150ms ease-out; box-shadow: 0 1.5px 2px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.15); }
+
+scale > trough > slider:backdrop:disabled { background-color: white; box-shadow: 0 1.5px 2px 1px rgba(42, 42, 42, 0.225); }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+scale.horizontal > marks { color: alpha(currentColor,0.55); }
+
+scale.horizontal > marks.top { margin-bottom: 6px; }
+
+scale.horizontal > marks.bottom { margin-top: 6px; }
+
+scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 5px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 5px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }
+
+scale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }
+
+scale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }
+
+scale.vertical > marks { color: alpha(currentColor,0.55); }
+
+scale.vertical > marks.top { margin-right: 6px; }
+
+scale.vertical > marks.bottom { margin-left: 6px; }
+
+scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 5px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 5px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }
+
+scale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 1px 4px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.1); }
+
+scale.marks-before:not(.marks-after) > trough > slider:hover, row scale.marks-before:not(.marks-after) > trough > slider:hover, popover scale.marks-before:not(.marks-after) > trough > slider:hover, scale.marks-after:not(.marks-before) > trough > slider:hover, row scale.marks-after:not(.marks-before) > trough > slider:hover, popover scale.marks-after:not(.marks-before) > trough > slider:hover { box-shadow: 0 1px 6px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:active, row scale.marks-before:not(.marks-after) > trough > slider:active, popover scale.marks-before:not(.marks-after) > trough > slider:active, scale.marks-after:not(.marks-before) > trough > slider:active, row scale.marks-after:not(.marks-before) > trough > slider:active, popover scale.marks-after:not(.marks-before) > trough > slider:active { box-shadow: 0 1px 4px 1px rgba(96, 98, 100, 0.2), 0 0 0 1px rgba(89, 90, 92, 0.325); }
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 1px 4px rgba(41, 41, 42, 0.225); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop, scale.marks-after:not(.marks-before) > trough > slider:backdrop { transition: 150ms ease-out; box-shadow: 0 1px 4px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.15); }
+
+scale.marks-before:not(.marks-after) > trough > slider:backdrop:disabled, scale.marks-after:not(.marks-before) > trough > slider:backdrop:disabled { box-shadow: 0 1px 4px rgba(42, 42, 42, 0.225); }
+
+scale.color { padding: 0; }
+
+scale.color > trough { border: none; background: none; border-radius: 10px; outline-offset: 1px; }
+
+scale.color > trough > slider { margin: 0; opacity: .8; }
+
+scale.color.fine-tune.vertical { padding-left: 2px; padding-right: 2px; }
+
+scale.color.fine-tune.vertical > trough > slider { margin-left: -2px; margin-right: -2px; }
+
+scale.color.fine-tune.horizontal { padding-top: 2px; padding-bottom: 2px; }
+
+scale.color.fine-tune.horizontal > trough > slider { margin-top: -2px; margin-bottom: -2px; }
+
+/***************** Progress bars * */
+@keyframes progress { from { background-position: 0, calc(0% - 64px), 0%; }
+ to { background-position: 0, calc(100% + 64px), 0%; } }
+
+progressbar { font-size: smaller; color: rgba(41, 41, 42, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 4px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 4px; }
+
+progressbar > trough { border-radius: 999px; }
+
+progressbar > trough > progress { /* share most of scales' */ background-image: none; background-color: #606264; border-radius: 999px; }
+
+progressbar > trough > progress, progressbar > trough > progress:backdrop, .horizontal progressbar > trough > progress { animation: none; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled) { animation: progress 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; background-size: cover, 64px 100%; background-repeat: no-repeat; background-image: linear-gradient(to bottom, alpha(@progress_bg_color, 0.2), rgba(97, 113, 124, 0)), linear-gradient(to right, rgba(97, 113, 124, 0), #61717c 60%, rgba(97, 113, 124, 0)); }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled).right { animation-direction: reverse; }
+
+progressbar.horizontal progress:not(.pulse):not(:disabled):backdrop { animation: none; background-image: none; }
+
+progressbar.osd { min-width: 4px; min-height: 4px; background-color: transparent; }
+
+progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
+
+progressbar.osd > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 4px; border-radius: 999px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 4px; margin: 0 2px; min-width: 24px; border-radius: 999px; }
+
+levelbar.vertical trough > block { min-width: 4px; border-radius: 999px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 4px; margin: 2px 0; min-height: 32px; }
+
+levelbar:backdrop { transition: 150ms ease-out; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: none; }
+
+levelbar > trough > block.warning-battery-offset { background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); }
+
+levelbar > trough > block.warning-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar > trough > block.low, levelbar > trough > block.low-battery-offset { background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); }
+
+levelbar > trough > block.low:backdrop, levelbar > trough > block.low-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); }
+
+levelbar > trough > block.high:backdrop, levelbar > trough > block:not(.empty):backdrop { background-image: none; background-color: gray; }
+
+levelbar > trough > block.full, levelbar > trough > block.high-battery-offset { background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); }
+
+levelbar > trough > block.full:backdrop, levelbar > trough > block.high-battery-offset:backdrop { background-image: none; background-color: gray; }
+
+levelbar > trough > block.empty { background-image: none; }
+
+levelbar > trough > block:disabled { background-image: none; background-color: #cecece; }
+
+levelbar > trough > block:disabled:backdrop { background-image: none; background-color: #d6d6d6; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #29292a; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: black; border: 1px solid gray; }
+
+window.dialog.print drawing paper:backdrop { color: gray; border: 1px solid #595959; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #f7f7f7; }
+
+frame:backdrop, .frame:backdrop { border-color: #f7f7f7; }
+
+frame { border-radius: 12px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #e8e8e8; box-shadow: none; }
+
+actionbar > revealer > box:backdrop { border-color: #ebebeb; }
+
+actionbar > revealer > box:backdrop > * { filter: none; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, rgba(96, 98, 100, 0.5) 85%, rgba(96, 98, 100, 0)), radial-gradient(farthest-side at top, rgba(96, 98, 100, 0.1), rgba(96, 98, 100, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #ebebeb 85%, rgba(235, 235, 235, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, rgba(96, 98, 100, 0.5) 85%, rgba(96, 98, 100, 0)), radial-gradient(farthest-side at bottom, rgba(96, 98, 100, 0.1), rgba(96, 98, 100, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #ebebeb 85%, rgba(235, 235, 235, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, rgba(96, 98, 100, 0.5) 85%, rgba(96, 98, 100, 0)), radial-gradient(farthest-side at left, rgba(96, 98, 100, 0.1), rgba(96, 98, 100, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #ebebeb 85%, rgba(235, 235, 235, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, rgba(96, 98, 100, 0.5) 85%, rgba(96, 98, 100, 0)), radial-gradient(farthest-side at right, rgba(96, 98, 100, 0.1), rgba(96, 98, 100, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #ebebeb 85%, rgba(235, 235, 235, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(41, 41, 42, 0.225); }
+
+scrolledwindow:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(42, 42, 42, 0.225); }
+
+scrolledwindow > junction { background: #e8e8e8, linear-gradient(to bottom, transparent 1px, #e8e8e8 1px), linear-gradient(to right, transparent 1px, #e8e8e8 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #e8e8e8, linear-gradient(to bottom, transparent 1px, #e8e8e8 1px), linear-gradient(to left, transparent 1px, #e8e8e8 1px); }
+
+separator { background: #e8e8e8; min-width: 1px; min-height: 1px; }
+
+separator.spacer { background: none; }
+
+separator.spacer.horizontal { min-width: 12px; }
+
+separator.spacer.vertical { min-height: 12px; }
+
+/********* Lists * */
+listview, list { color: #29292a; background-color: white; border-color: transparent; }
+
+listview:backdrop, list:backdrop { background-color: white; color: #7c7c7c; border-color: transparent; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #e8e8e8; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #e8e8e8; }
+
+listview:not(.horizontal) row.separator:last-child, listview.separators:not(.horizontal) > row:not(.separator):last-child, list:not(.horizontal) row.separator:last-child, list.separators:not(.horizontal) > row:not(.separator):last-child { border-bottom: none; }
+
+listview .view, listview iconview, list .view, list iconview { border-radius: 0; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+row:backdrop { transition: 150ms ease-out; }
+
+row.activatable { color: #29292a; }
+
+row.activatable:backdrop { color: #7c7c7c; }
+
+row.activatable.has-open-popup, row.activatable:hover { color: #29292a; background-color: #e8e8e8; background-image: none; box-shadow: none; color: #29292a; background-color: rgba(41, 41, 42, 0.075); }
+
+row.activatable.has-open-popup:backdrop, row.activatable:hover:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #7c7c7c; }
+
+row.activatable:active { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+row.activatable:selected { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+row.activatable:selected label { color: white; }
+
+row.activatable:selected:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+row.activatable:selected:backdrop, row.activatable:selected:backdrop:hover { color: white; background-color: gray; background-image: none; box-shadow: none; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #ededed; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+columnview .view, columnview iconview { border-radius: 0; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid #606264; }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #606264; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: gray; color: transparent; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(96, 98, 100, 0.3); color: #29292a; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/******************************************************** Complex Lists * Put padding on the cell content so event controllers * can cover the whole area. * */
+columnview.complex > listview > row > cell { padding: 0; }
+
+columnview.complex > listview > row > cell > * { padding: 8px 6px; }
+
+columnview.complex.data-table > listview > row > cell { padding: 0; }
+
+columnview.complex.data-table > listview > row > cell > * { padding-top: 2px; padding-bottom: 2px; }
+
+/********************************************************************** Boxed Lists * Lists inside a rounded frame. Can be used together with .rich-list * * */
+.boxed-list { border-radius: 12px; border: none; }
+
+.boxed-list > row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-bottom: 1px solid #e8e8e8; }
+
+.boxed-list > row { outline: 0 solid transparent; outline-offset: 5px; }
+
+.boxed-list > row:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -1px; }
+
+.boxed-list > row:backdrop, .boxed-list > row:backdrop:hover { border-bottom-color: #ebebeb; }
+
+.boxed-list > row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+.boxed-list > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }
+
+.boxed-list list { border-radius: 12px; }
+
+/********************* App Notifications * */
+.app-notification { border-spacing: 10px; margin: 8px; border-radius: 30px; border: none; box-shadow: 0 1px 4px 1px rgba(41, 41, 42, 0.225); }
+
+.app-notification:backdrop { border-color: transparent; box-shadow: 0 1px 2px 1px rgba(42, 42, 42, 0.225); }
+
+.app-notification border { border: none; }
+
+.app-notification button.flat.image-button:not(.linked) { border-radius: 999px; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #909091; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 8px; }
+
+expander-widget > box > title:hover > expander { color: #757577; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: #29292a; font-feature-settings: "tnum"; border-radius: 12px; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 12px; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid { padding-left: 3px; padding-bottom: 3px; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #e8e8e8; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: #606264; outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 3px; }
+
+calendar > grid > label.day-number:checked { border-radius: 8px; background-color: alpha(#606264,0.3); }
+
+calendar > grid > label.day-number:selected { border-radius: 8px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+.dialog-action-area { margin: 0; border-spacing: 0; border: none; }
+
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #f7f7f7; border-style: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; margin: 0 2px 0 0; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 12px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 12px; margin-right: 0; }
+
+filechooser .dialog-action-box { border-top: 1px solid #e8e8e8; }
+
+filechooser #pathbarbox { background-color: transparent; border: none; }
+
+filechooser gridview child { border-radius: 12px; margin: 12px; }
+
+filechooser gridview child filethumbnail image { filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #f7f7f7; }
+
+.sidebar:backdrop { background-color: #f7f7f7; }
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #e8e8e8; border-left-style: none; }
+
+.sidebar:not(separator):dir(ltr):backdrop, .sidebar:not(separator).left:backdrop, .sidebar:not(separator).left:dir(rtl):backdrop { border-color: #ebebeb; transition: 150ms ease-out; }
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #e8e8e8; border-right-style: none; }
+
+.sidebar:not(separator):dir(rtl):backdrop, .sidebar:not(separator).right:backdrop { border-color: #ebebeb; transition: 150ms ease-out; }
+
+.sidebar listview.view, .sidebar list { background-color: transparent; }
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #e2e2e3; border-radius: 8px; color: #29292a; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #d5d5d6; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #e8e8e8; }
+
+separator.sidebar:backdrop { background-color: #ebebeb; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 6px 0; }
+
+.navigation-sidebar > separator { margin: 6px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 8px; margin: 0 6px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:disabled { color: #909091; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar list { padding-top: 0; }
+
+placessidebar .navigation-sidebar > row { padding: 0; margin-top: 0; margin-bottom: 0; }
+
+placessidebar .navigation-sidebar > row:first-child { margin-top: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }
+
+button.sidebar-button { min-height: 26px; min-width: 26px; margin: 0; padding: 0; border-radius: 100%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ac88d); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #606264; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ac88d; box-shadow: inset 0 0 0 2px #2ac88d; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: white; background-color: #2ac88d; }
+
+placessidebar undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(41, 41, 42, 0.225); }
+
+placessidebar:backdrop undershoot.top { box-shadow: inset 0 10px 10px -10px rgba(42, 42, 42, 0.225); }
+
+placesview .server-list-button > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image { transition: 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#e8e8e8); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#606264); }
+
+paned > separator:backdrop { background-image: image(#ebebeb); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f7f7f7; background-image: image(#e8e8e8), image(#e8e8e8); background-size: 1px 1px, 1px 1px; }
+
+paned > separator.wide:backdrop { background-color: #f7f7f7; background-image: image(#ebebeb), image(#ebebeb); }
+
+paned.horizontal > separator { background-repeat: repeat-y; }
+
+paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; box-shadow: inset 1px 0 #e8e8e8; }
+
+paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 #ebebeb; }
+
+paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; box-shadow: inset -1px 0 #e8e8e8; }
+
+paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 #ebebeb; }
+
+paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; box-shadow: inset 1px 0 #e8e8e8, inset -1px 0 #e8e8e8; }
+
+paned.horizontal > separator.wide:backdrop { box-shadow: inset 1px 0 #ebebeb, inset -1px 0 #ebebeb; }
+
+paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; box-shadow: inset 0 1px #e8e8e8; }
+
+paned.vertical > separator:backdrop { box-shadow: inset 0 1px #ebebeb; }
+
+paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; box-shadow: inset 0 1px #e8e8e8, inset 0 -1px #e8e8e8; }
+
+paned.vertical > separator.wide:backdrop { box-shadow: inset 0 1px #ebebeb, inset 0 -1px #ebebeb; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 12px; box-shadow: none; }
+
+tooltip.background, tooltip.background.csd, tooltip.background:backdrop, tooltip.background:backdrop.csd { border-radius: 12px; background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: #606264; outline-width: 4px; outline-offset: -2px; }
+
+colorswatch:drop(active), colorswatch { border-style: none; }
+
+colorswatch.top { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }
+
+colorswatch.top > overlay { border-top-left-radius: 8px; border-top-right-radius: 8px; }
+
+colorswatch.bottom { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.bottom > overlay { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 8.5px; border-bottom-left-radius: 8.5px; }
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 8.5px; border-bottom-right-radius: 8.5px; }
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch:drop(active).light > overlay { border-color: #2ac88d; }
+
+colorswatch:drop(active).dark > overlay { border-color: #2ac88d; }
+
+colorswatch > overlay { border: 1px solid transparent; }
+
+colorswatch#add-color-button { border-radius: 8px 0 0 8px; }
+
+colorswatch#add-color-button:only-child { border-radius: 8px; }
+
+colorswatch#add-color-button > overlay { color: #29292a; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+colorswatch#add-color-button:backdrop { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+colorswatch:disabled { opacity: 0.5; }
+
+colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
+
+row:selected colorswatch { box-shadow: 0 0 0 2px white; }
+
+colorswatch#editor-color-sample { border-radius: 8px; }
+
+colorswatch#editor-color-sample > overlay { border-radius: 8.5px; }
+
+plane { transition: outline-width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #f1f1f1; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 8px; }
+
+.scale-popup button:hover { background-color: rgba(41, 41, 42, 0.125); border-radius: 8px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 10px 30px 5px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.05); margin: 0px; border-radius: 12px; outline: none; }
+
+window.csd:backdrop { box-shadow: 0 10px 30px 5px transparent, 0 5px 15px 2.5px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); transition: 150ms ease-out; }
+
+window.csd.popup { border-radius: 12px; box-shadow: 0 2px 8px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px transparent; }
+
+window.csd.popup:backdrop { box-shadow: 0 2px 8px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+window.csd.dialog.message { border-radius: 12px; box-shadow: 0 3px 12px 1px rgba(41, 41, 42, 0.225), 0 0 0 1px rgba(41, 41, 42, 0.05); }
+
+window.csd.dialog.message:backdrop { box-shadow: 0 3px 12px 1px rgba(42, 42, 42, 0.225), 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #e8e8e8; border-radius: 0; box-shadow: none; }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(41, 41, 42, 0.05), 0 0 0 20px transparent; }
+
+window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.05), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(41, 41, 42, 0.05); }
+
+window.ssd:backdrop { box-shadow: 0 0 0 1px rgba(124, 124, 124, 0.05); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #606264; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, gridview > child.activatable:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: white; }
+
+.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #b0b1b2; }
+
+.view:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, iconview:backdrop:selected:focus, iconview:backdrop:selected, flowbox > flowboxchild:backdrop:selected, gridview > child:backdrop:selected, modelbutton.flat:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, row:backdrop:selected, calendar > grid > label.day-number:backdrop:selected { color: white; background-color: gray; }
+
+.view:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, iconview:backdrop:disabled:selected, flowbox > flowboxchild:backdrop:disabled:selected, gridview > child:backdrop:disabled:selected, modelbutton.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar > grid > label.day-number:backdrop:disabled:selected { color: #909193; }
+
+textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { background-color: #d5d5d6; }
+
+label:selected, textview > text > selection:focus-within, textview > text > selection, label > selection, entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection { color: #2f2f30; }
+
+label:disabled > selection, label:disabled:selected, textview > text > selection:disabled, label > selection:disabled, entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled { color: #8b8b8d; }
+
+label:backdrop > selection, label:backdrop:selected, textview > text > selection:backdrop, label > selection:backdrop, entry > text > selection:backdrop, spinbutton:not(.vertical) > text > selection:backdrop, spinbutton.vertical > text > text > selection:backdrop { background-color: gainsboro; color: #7c7c7c; }
+
+label:backdrop > selection:disabled, label:backdrop:disabled:selected, textview > text > selection:backdrop:disabled, label > selection:backdrop:disabled, entry > text > selection:backdrop:disabled, spinbutton:not(.vertical) > text > selection:backdrop:disabled, spinbutton.vertical > text > text > selection:backdrop:disabled { color: #c9c9c9; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+cursor-handle { all: unset; padding: 24px 20px; }
+
+cursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: #606264; }
+
+cursor-handle.top > contents { border-top-right-radius: 0; }
+
+cursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }
+
+cursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #29292a; background-color: white; border: 1px solid; border-color: #f0f0f0; border-radius: 5px; box-shadow: inset 0 -3px #f9f9f9; font-size: smaller; }
+
+shortcut > .keycap:backdrop { background-color: white; color: #7c7c7c; transition: 150ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; caret-color: #2ac88d; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #e8e8e8; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #e8e8e8; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; }
+
+button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
+
+button.emoji-section:hover { border-color: #e8e8e8; background-color: transparent; }
+
+button.emoji-section:checked { color: #29292a; border-color: #606264; background-color: transparent; }
+
+button.emoji-section:checked:backdrop { color: #7c7c7c; background-color: transparent; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #606264; }
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom { box-shadow: none; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #606264; color: white; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e2e2e3; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/******************* AdwViewSwitcher * */
+viewswitcher { margin: 0; }
+
+viewswitcher button.toggle { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+viewswitcher button.toggle:hover { color: #29292a; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:active { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; box-shadow: none; }
+
+viewswitcher button.toggle:checked { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; }
+
+viewswitcher button.toggle:checked:hover { color: #29292a; background-color: #cecece; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+viewswitcher button.toggle:checked:active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:disabled:active, viewswitcher button.toggle:disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; }
+
+viewswitcher button.toggle:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: 150ms ease-out; }
+
+viewswitcher button.toggle:backdrop:hover { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:active { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:checked { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+viewswitcher button.toggle:backdrop:disabled:active, viewswitcher button.toggle:backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; }
+
+viewswitcher.wide { border-spacing: 3px; }
+
+viewswitcher.narrow button.toggle { border-radius: 0; margin: 0; box-shadow: none; }
+
+viewswitcher button.toggle { font-weight: bold; padding: 0; }
+
+viewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 7px; padding-bottom: 5px; border-spacing: 4px; }
+
+viewswitcher button.toggle > stack > box.narrow > stack > label { padding-left: 8px; padding-right: 8px; }
+
+viewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }
+
+/********************** AdwViewSwitcherBar * */
+viewswitcherbar actionbar > revealer > box { padding: 0; box-shadow: none; border-color: #e8e8e8; }
+
+viewswitcherbar actionbar > revealer > box:backdrop { border-color: #ebebeb; }
+
+/************************ AdwViewSwitcherTitle * */
+viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
+
+/******************* AdwIndicatorBin * */
+indicatorbin.needs-attention > indicator { background: #606264; }
+
+indicatorbin.needs-attention > indicator > label { color: white; }
+
+/*********** Buttons * */
+button.pill, menubutton.pill button { border-radius: 9999px; padding: 10px 32px; }
+
+splitbutton { border-radius: 8px; }
+
+splitbutton > separator { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }
+
+splitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; min-width: 0; min-height: 0; }
+
+splitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 1px; }
+
+splitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 1px; }
+
+splitbutton.flat > button:dir(ltr), splitbutton.flat > menubutton > button:dir(rtl) { margin-right: 0; }
+
+splitbutton.flat > button:dir(rtl), splitbutton.flat > menubutton > button:dir(ltr) { margin-left: 0; }
+
+splitbutton.flat > separator { background: #cecece; min-width: 1px; min-height: 1px; }
+
+splitbutton.flat > separator:backdrop { background: #d6d6d6; }
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: none; }
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }
+
+splitbutton.flat:focus-within:focus-visible > separator { background: none; }
+
+splitbutton.suggested-action { background-color: #606264; color: white; }
+
+splitbutton.destructive-action { background-color: #fa4444; color: white; }
+
+splitbutton.opaque { background-color: #d8d8d8; color: #29292a; }
+
+splitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+buttoncontent { border-spacing: 6px; }
+
+buttoncontent > label { font-weight: bold; }
+
+buttoncontent > label:dir(ltr) { padding-right: 2px; }
+
+buttoncontent > label:dir(rtl) { padding-left: 2px; }
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) { padding-right: 0; }
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) { padding-left: 0; }
+
+tabbutton label { font-weight: 800; font-size: 8pt; }
+
+tabbutton label.small { font-size: 6pt; }
+
+tabbutton indicatorbin > indicator, tabbutton indicatorbin > mask { transform: translate(-1px, 1px); }
+
+/********* Lists * */
+row label.subtitle { font-size: smaller; }
+
+row.expander { border: none; }
+
+row.expander:checked image.expander-row-arrow:not(:disabled) { color: #606264; }
+
+row.expander row.header, row.expander list.nested > row { border-color: #e8e8e8; }
+
+row.expander row.header:backdrop, row.expander row.header:backdrop:hover, row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ebebeb; }
+
+row.expander list.nested { margin: 12px; background-color: #f7f7f7; color: inherit; }
+
+row.expander list.nested:backdrop { background-color: #f7f7f7; }
+
+row.expander list.nested > row { border-bottom: 1px solid #e8e8e8; }
+
+row.expander list.nested > row:backdrop, row.expander list.nested > row:backdrop:hover { border-color: #ebebeb; }
+
+row.expander list.nested > row:last-child { border: none; }
+
+row.combo listview.inline { background: none; }
+
+row.combo popover.menu > contents { padding: 0; }
+
+list.content, list.boxed-list { box-shadow: none; }
+
+list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header { border-radius: 0; }
+
+list.content > row.expander, list.boxed-list > row.expander { border: none; }
+
+list.content > row:first-child, list.content > row:first-child.expander row.header, list.boxed-list > row:first-child, list.boxed-list > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.boxed-list > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+
+/*********** Sidebar * */
+flap .sidebar:not(separator):dir(ltr), flap .sidebar:not(separator).left, flap .sidebar:not(separator).left:dir(rtl), flap .sidebar:not(separator):dir(rtl), flap .sidebar:not(separator).right, leaflet .sidebar:not(separator):dir(ltr), leaflet .sidebar:not(separator).left, leaflet .sidebar:not(separator).left:dir(rtl), leaflet .sidebar:not(separator):dir(rtl), leaflet .sidebar:not(separator).right { border: none; }
+
+/********** Toasts * */
+toast { margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; border: none; box-shadow: 0 1px 8px 1px rgba(41, 41, 42, 0.225); }
+
+toast:backdrop { border-color: transparent; box-shadow: 0 1px 4px 1px rgba(42, 42, 42, 0.225); }
+
+toast:dir(ltr) { padding-left: 12px; }
+
+toast:dir(rtl) { padding-right: 12px; }
+
+toast > widget { margin: 0 6px; }
+
+/************** Header Bar * */
+headerbar > windowhandle > box { padding: 0; }
+
+headerbar:backdrop > windowhandle { filter: opacity(1); }
+
+headerbar.default-decoration > windowhandle > box { padding: 0; }
+
+headerbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
+
+headerbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
+
+/********** Labels * */
+.accent { color: #606264; }
+
+.success { color: #2ac88d; }
+
+.warning { color: #f88052; }
+
+.error { color: #fa4444; }
+
+/************ Tab View * */
+tabbar .box { min-height: 38px; }
+
+tabbar tabbox > tabboxchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; border-radius: 8px; margin-bottom: 4px; margin-top: 4px; }
+
+tabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabbar tabbox > tabboxchild:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -2px; }
+
+tabbar tabbox > separator { margin-top: 8px; margin-bottom: 8px; transition: opacity 150ms ease-in-out; background-color: #cecece; }
+
+tabbar tabbox > separator:backdrop { background-color: #d6d6d6; }
+
+tabbar tabbox > separator.hidden { opacity: 0; }
+
+tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 8px 6px; background: #606264; }
+
+tabbar tab { color: #4f4f50; transition: background 150ms ease-in-out; box-shadow: none; }
+
+tabbar tab:backdrop { color: #7c7c7c; box-shadow: none; }
+
+tabbar tab:selected, tabbar tab:selected:hover, tabbar tab:selected:active, tabbar tab:active, tabbar tab:active:hover, tabbar tab:active:active { color: #29292a; background-color: white; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+tabbar tab:selected:backdrop, tabbar tab:selected:hover:backdrop, tabbar tab:selected:active:backdrop, tabbar tab:active:backdrop, tabbar tab:active:hover:backdrop, tabbar tab:active:active:backdrop { color: #7c7c7c; background-color: white; box-shadow: 0 1px 4px rgba(42, 42, 42, 0.075); }
+
+tabbar tab:hover { color: #29292a; background-color: rgba(41, 41, 42, 0.05); box-shadow: none; }
+
+tabbar tab:hover:backdrop { color: #7c7c7c; background-color: rgba(124, 124, 124, 0.05); }
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }
+
+tabbar .start-action, tabbar .end-action { padding: 4px; }
+
+tabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }
+
+tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }
+
+tabbar:not(.inline) .box { background-color: #e8e8e8; color: #29292a; padding-bottom: 0; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box { background-color: #ebebeb; color: #7c7c7c; transition: background-color 150ms ease-out; box-shadow: none; }
+
+tabbar:not(.inline):backdrop .box > scrolledwindow, tabbar:not(.inline):backdrop .box > .start-action, tabbar:not(.inline):backdrop .box > .end-action { filter: none; }
+
+dnd tab { background-color: white; background-image: none; color: #29292a; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); outline: 1px solid rgba(41, 41, 42, 0.05); margin: 25px; }
+
+tabbar tab, dnd tab { min-height: 24px; padding: 4px; border-radius: 8px; }
+
+tabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; color: alpha(currentColor,0.3); }
+
+tabbar tab button.image-button:hover, dnd tab button.image-button:hover { color: currentColor; }
+
+tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: #606264; transform: translateY(4px); }
+
+tabgrid > tabgridchild { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+tabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; }
+
+tabgrid > tabgridchild:focus:focus-visible .card { outline-color: #606264; outline-width: 2px; outline-offset: 0; }
+
+tabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+tabthumbnail > box { margin: 6px; }
+
+tabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px alpha(#2ac88d,0.4); background-color: alpha(#2ac88d,0.1); }
+
+tabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }
+
+tabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }
+
+tabthumbnail .needs-attention > widget { background: #606264; min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px alpha(#606264,0.4); }
+
+tabthumbnail .card { background: none; color: inherit; }
+
+tabthumbnail .card picture { outline: 1px solid rgba(41, 41, 42, 0.05); outline-offset: -1px; border-radius: 12px; }
+
+tabthumbnail .card picture:backdrop { outline: 1px solid rgba(124, 124, 124, 0.05); }
+
+tabthumbnail.pinned .card { background-color: white; color: #29292a; }
+
+tabthumbnail .icon-title-box { border-spacing: 6px; }
+
+tabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular { margin: 6px; background-color: alpha(white,0.75); min-width: 24px; min-height: 24px; }
+
+tabthumbnail button.circular:hover { background-color: alpha(mix(white,currentColor,0.1),0.75); }
+
+tabthumbnail button.circular:active { background-color: alpha(mix(white,currentColor,0.2),0.75); }
+
+taboverview > .overview.scrolled-to-top headerbar, taboverview > .overview.scrolled-to-top searchbar > revealer > box { background: none; color: inherit; box-shadow: none; }
+
+taboverview > .overview .new-tab-button { margin: 18px; }
+
+tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
+
+/********* Cards * */
+.card { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.card { background-color: white; color: #29292a; border-radius: 12px; box-shadow: none; }
+
+.card:backdrop { background-color: white; color: #7c7c7c; box-shadow: none; }
+
+.osd .card, .card.osd { color: inherit; box-shadow: none; }
+
+.card { outline: 0 solid transparent; outline-offset: 5px; }
+
+.card:focus:focus-visible { outline-color: #606264; outline-width: 2px; outline-offset: -1px; }
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible { outline-color: #606264; }
+
+.card.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+.card.activatable:hover { background-image: image(alpha(currentColor,0.125)); box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+.card.activatable:hover:backdrop { box-shadow: none; }
+
+.card.activatable:active { background-image: image(alpha(currentColor,0.2)); box-shadow: none; }
+
+button.card { background-color: white; background-clip: padding-box; font-weight: inherit; padding: 0; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.card:backdrop { background-color: white; box-shadow: none; }
+
+button.card:hover { background-color: alpha(currentColor,0.125); box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+button.card:hover:backdrop { box-shadow: none; }
+
+button.card.keyboard-activating, button.card:active { background-color: alpha(currentColor,0.2); box-shadow: none; }
+
+button.card:checked { background-color: alpha(currentColor,0.175); }
+
+button.card:checked:hover { background-color: alpha(currentColor,0.2); }
+
+button.card:checked.keyboard-activating, button.card:checked:active { background-color: alpha(currentColor,0.175); }
+
+button.card:checked.has-open-popup { background-color: alpha(currentColor,0.2); }
+
+button.card:drop(active) { color: #2ac88d; box-shadow: inset 0 0 0 1px #2ac88d; }
+
+/***************** ThemeSelector * */
+themeselector checkbutton { border-radius: 9999px; }
+
+/********************* Transition Shadow * */
+flap > dimming, leaflet > dimming { background: alpha(rgba(41, 41, 42, 0.225),0.5); }
+
+flap > dimming:backdrop, leaflet > dimming:backdrop { background: alpha(rgba(42, 42, 42, 0.225),0.5); }
+
+flap > border, leaflet > border { min-width: 1px; min-height: 1px; background: rgba(41, 41, 42, 0.05); }
+
+flap > border:backdrop, leaflet > border:backdrop { background: rgba(124, 124, 124, 0.05); }
+
+flap > shadow, leaflet > shadow { min-width: 56px; min-height: 56px; }
+
+flap > shadow.left, leaflet > shadow.left { background-image: linear-gradient(to right, alpha(rgba(41, 41, 42, 0.225),0.35), alpha(rgba(41, 41, 42, 0.225),0.1) 40px, alpha(rgba(41, 41, 42, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(41, 41, 42, 0.225),0.2), alpha(rgba(41, 41, 42, 0.225),0.1) 7px, alpha(rgba(41, 41, 42, 0.225),0) 24px); }
+
+flap > shadow.right, leaflet > shadow.right { background-image: linear-gradient(to left, alpha(rgba(41, 41, 42, 0.225),0.35), alpha(rgba(41, 41, 42, 0.225),0.1) 40px, alpha(rgba(41, 41, 42, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(41, 41, 42, 0.225),0.2), alpha(rgba(41, 41, 42, 0.225),0.1) 7px, alpha(rgba(41, 41, 42, 0.225),0) 24px); }
+
+flap > shadow.up, leaflet > shadow.up { background-image: linear-gradient(to bottom, alpha(rgba(41, 41, 42, 0.225),0.35), alpha(rgba(41, 41, 42, 0.225),0.1) 40px, alpha(rgba(41, 41, 42, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(41, 41, 42, 0.225),0.2), alpha(rgba(41, 41, 42, 0.225),0.1) 7px, alpha(rgba(41, 41, 42, 0.225),0) 24px); }
+
+flap > shadow.down, leaflet > shadow.down { background-image: linear-gradient(to top, alpha(rgba(41, 41, 42, 0.225),0.35), alpha(rgba(41, 41, 42, 0.225),0.1) 40px, alpha(rgba(41, 41, 42, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(41, 41, 42, 0.225),0.2), alpha(rgba(41, 41, 42, 0.225),0.1) 7px, alpha(rgba(41, 41, 42, 0.225),0) 24px); }
+
+flap > shadow:backdrop.left, leaflet > shadow:backdrop.left { background-image: linear-gradient(to right, alpha(rgba(42, 42, 42, 0.225),0.35), alpha(rgba(42, 42, 42, 0.225),0.1) 40px, alpha(rgba(42, 42, 42, 0.225),0) 56px), linear-gradient(to right, alpha(rgba(42, 42, 42, 0.225),0.2), alpha(rgba(42, 42, 42, 0.225),0.1) 7px, alpha(rgba(42, 42, 42, 0.225),0) 24px); }
+
+flap > shadow:backdrop.right, leaflet > shadow:backdrop.right { background-image: linear-gradient(to left, alpha(rgba(42, 42, 42, 0.225),0.35), alpha(rgba(42, 42, 42, 0.225),0.1) 40px, alpha(rgba(42, 42, 42, 0.225),0) 56px), linear-gradient(to left, alpha(rgba(42, 42, 42, 0.225),0.2), alpha(rgba(42, 42, 42, 0.225),0.1) 7px, alpha(rgba(42, 42, 42, 0.225),0) 24px); }
+
+flap > shadow:backdrop.up, leaflet > shadow:backdrop.up { background-image: linear-gradient(to bottom, alpha(rgba(42, 42, 42, 0.225),0.35), alpha(rgba(42, 42, 42, 0.225),0.1) 40px, alpha(rgba(42, 42, 42, 0.225),0) 56px), linear-gradient(to bottom, alpha(rgba(42, 42, 42, 0.225),0.2), alpha(rgba(42, 42, 42, 0.225),0.1) 7px, alpha(rgba(42, 42, 42, 0.225),0) 24px); }
+
+flap > shadow:backdrop.down, leaflet > shadow:backdrop.down { background-image: linear-gradient(to top, alpha(rgba(42, 42, 42, 0.225),0.35), alpha(rgba(42, 42, 42, 0.225),0.1) 40px, alpha(rgba(42, 42, 42, 0.225),0) 56px), linear-gradient(to top, alpha(rgba(42, 42, 42, 0.225),0.2), alpha(rgba(42, 42, 42, 0.225),0.1) 7px, alpha(rgba(42, 42, 42, 0.225),0) 24px); }
+
+/******************** AdwMessageDialog * */
+window.messagedialog { background-color: #f7f7f7; color: #29292a; }
+
+window.messagedialog:backdrop { background-color: #f7f7f7; color: #7c7c7c; }
+
+window.messagedialog .message-area { padding: 24px 30px; border-spacing: 24px; }
+
+window.messagedialog .message-area.has-heading.has-body { border-spacing: 10px; }
+
+window.messagedialog .response-area > button { padding: 10px 14px; border-radius: 0; }
+
+window.messagedialog .response-area > button.suggested { color: #606264; }
+
+window.messagedialog .response-area > button.destructive { color: #fa4444; }
+
+window.messagedialog.csd:not(.solid-csd) { border-radius: 13px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button { margin-top: -1px; margin-right: -1px; margin-left: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(rtl) { border-bottom-left-radius: 13px; margin-left: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:last-child:dir(ltr), window.messagedialog.csd:not(.solid-csd) .response-area:not(.compact) > button:first-child:dir(rtl) { border-bottom-right-radius: 13px; margin-right: 0; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button { margin-top: -1px; margin-bottom: -1px; }
+
+window.messagedialog.csd:not(.solid-csd) .response-area.compact > button:first-child { border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; margin-bottom: 0; }
+
+/************* AdwBanner * */
+banner > revealer > widget { color: #563b25; background-color: #fef2ee; padding: 6px; }
+
+banner > revealer > widget button { color: #563b25; background-color: #f1e4df; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; }
+
+banner > revealer > widget button:hover { color: #563b25; background-color: #e9dbd5; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); }
+
+banner > revealer > widget button:active { color: #563b25; background-color: #dccdc6; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, #d4c4bc 10%, transparent 0%); background-size: 0% 0%; }
+
+banner > revealer > widget button:checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); }
+
+banner > revealer > widget button:checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; }
+
+banner > revealer > widget button:disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop { color: #7c7c7c; background-color: #eeeeee; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; }
+
+banner > revealer > widget button:backdrop label, banner > revealer > widget button:backdrop, banner > revealer > widget button label, banner > revealer > widget button { color: #563b25; }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #29292a;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #29292a;
+/*
+widget base background color */
+@define-color theme_bg_color #f7f7f7;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color white;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #606264;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color white;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #f7f7f7;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #909091;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color white;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #7c7c7c;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #29292a;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f7f7f7;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color white;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #606264;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color white;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d1d1d1;
+/*
+widgets main borders color */
+@define-color borders #e8e8e8;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #ebebeb;
+/*
+these are pretty self explicative */
+@define-color warning_color #f88052;
+@define-color error_color #fa4444;
+@define-color success_color #2ac88d;
+@define-color destructive_color #fa4444;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade(#29292a, 1.8);
+@define-color wm_unfocused_title #7c7c7c;
+@define-color wm_highlight transparent;
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f7f7f7, 1.2);
+@define-color wm_bg_b #f7f7f7;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#f7f7f7, 1.3);
+@define-color wm_button_hover_color_b #f7f7f7;
+@define-color wm_button_active_color_a shade(#f7f7f7, 0.85);
+@define-color wm_button_active_color_b shade(#f7f7f7, 0.89);
+@define-color wm_button_active_color_c shade(#f7f7f7, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg white;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg white;
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;
+/* GTK NAMED COLORS ---------------- use responsibly! */
+@define-color accent_bg_color #606264;
+@define-color accent_fg_color white;
+@define-color accent_color #606264;
+@define-color destructive_bg_color #fa4444;
+@define-color destructive_fg_color white;
+@define-color destructive_color #fa4444;
+@define-color success_bg_color #2ac88d;
+@define-color success_fg_color white;
+@define-color success_color #2ac88d;
+@define-color warning_bg_color #f88052;
+@define-color warning_fg_color white;
+@define-color warning_color #f88052;
+@define-color error_bg_color #fa4444;
+@define-color error_fg_color white;
+@define-color error_color #fa4444;
+@define-color window_bg_color #f7f7f7;
+@define-color window_fg_color #29292a;
+@define-color view_bg_color white;
+@define-color view_fg_color #29292a;
+@define-color headerbar_bg_color #f7f7f7;
+@define-color headerbar_fg_color #29292a;
+@define-color headerbar_border_color #e8e8e8;
+@define-color headerbar_backdrop_color #f7f7f7;
+@define-color headerbar_shade_color #e8e8e8;
+@define-color card_bg_color white;
+@define-color card_fg_color #29292a;
+@define-color card_shade_color #e8e8e8;
+@define-color dialog_bg_color #f7f7f7;
+@define-color dialog_fg_color #29292a;
+@define-color popover_bg_color white;
+@define-color popover_fg_color #29292a;
+@define-color shade_color #e8e8e8;
+@define-color scrollbar_outline_color #e8e8e8;
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/index.theme b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/index.theme
new file mode 100755
index 000000000..b273de163
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=ZorinGrey-Light
+Comment=The light desktop theme with grey highlights for Zorin OS
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=ZorinGrey-Light
+MetacityTheme=ZorinGrey-Light
+IconTheme=ZorinGrey-Light
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.png
new file mode 100644
index 000000000..5155ecee2
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.xpm
new file mode 100644
index 000000000..c433e6898
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-active.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_active_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.png
new file mode 100644
index 000000000..cab726054
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.xpm
new file mode 100644
index 000000000..e9a37bcff
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-inactive.xpm
@@ -0,0 +1,6 @@
+/* XPM */
+static char * bottom_inactive_xpm[] = {
+"24 1 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.png
new file mode 100644
index 000000000..b107992ea
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.xpm
new file mode 100644
index 000000000..1096b09cf
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.png
new file mode 100644
index 000000000..2394a7100
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.xpm
new file mode 100644
index 000000000..170fcccb7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_left_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+". ",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.png
new file mode 100644
index 000000000..71a496f19
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.xpm
new file mode 100644
index 000000000..bf8cdac07
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_active_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.png
new file mode 100644
index 000000000..9e3d2a147
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.xpm
new file mode 100644
index 000000000..2aa830003
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/bottom-right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * bottom_right_inactive_xpm[] = {
+"24 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+" .",
+"........................"};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.xpm
new file mode 100644
index 000000000..452b20c0a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #323331 s active_text_color",
+"$ c #4C4E59 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.xpm
new file mode 100644
index 000000000..366ec29d8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #323331 s inactive_text_color",
+"$ c #4C4E59 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.png
new file mode 100644
index 000000000..b629e7e62
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.xpm
new file mode 100644
index 000000000..fb6052c95
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.png
new file mode 100644
index 000000000..b442a7933
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.xpm
new file mode 100644
index 000000000..2610f3c65
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/close-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * close_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #C0C0FE s active_color_2",
+"# c #FA4444",
+"$ c #FA4444",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........$$....$$.........",
+".........$#$..$#$.........",
+"..........$#$$#$..........",
+"...........$##$...........",
+"...........$##$...........",
+"..........$#$$#$..........",
+".........$#$..$#$.........",
+".........$$....$$.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.xpm
new file mode 100644
index 000000000..ade104eb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-active.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_active_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f7f7f7",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.xpm
new file mode 100644
index 000000000..cccfbe13d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-inactive.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_inactive_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f7f7f7",
+"+ c #333333 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.xpm
new file mode 100644
index 000000000..c5cb83a32
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-prelight.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_prelight_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f7f7f7",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.xpm
new file mode 100644
index 000000000..ff7be6b6b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/hide-pressed.xpm
@@ -0,0 +1,32 @@
+/* XPM */
+static char * hide_pressed_xpm[] = {
+"26 26 3 1",
+" c None",
+". c #f7f7f7",
+"+ c #333333 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........++++++++.........",
+".........++++++++.........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.png
new file mode 100644
index 000000000..744388be4
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.xpm
new file mode 100644
index 000000000..640a67578
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.png
new file mode 100644
index 000000000..05ecb1abc
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.xpm
new file mode 100644
index 000000000..c4183983c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/left-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * left_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.xpm
new file mode 100644
index 000000000..f64ef4369
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.xpm
new file mode 100644
index 000000000..c31c29818
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.xpm
new file mode 100644
index 000000000..47da6d842
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.xpm
new file mode 100644
index 000000000..9294f24d8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".............####$........",
+".............#####........",
+"................##........",
+"................##........",
+"................##........",
+"........##................",
+"........##................",
+"........##................",
+"........#####.............",
+"........$####.............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.xpm
new file mode 100644
index 000000000..aa0623402
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.xpm
new file mode 100644
index 000000000..513fd06e4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.xpm
new file mode 100644
index 000000000..b224a5f5b
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.xpm
new file mode 100644
index 000000000..9a7db413d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/maximize-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * maximize_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..............##..........",
+"..............##..........",
+"..............##..........",
+"..............#####.......",
+"..............$####.......",
+"..........................",
+"..........................",
+".......####$..............",
+".......#####..............",
+"..........##..............",
+"..........##..............",
+"..........##..............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.png
new file mode 100644
index 000000000..e902b5469
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.xpm
new file mode 100644
index 000000000..95bc01481
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.xpm
new file mode 100644
index 000000000..30fd7e134
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.png
new file mode 100644
index 000000000..861422a6d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.xpm
new file mode 100644
index 000000000..a95a03174
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.png
new file mode 100644
index 000000000..c29943794
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.xpm
new file mode 100644
index 000000000..dd9628225
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/menu-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * menu_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"........$########$........",
+".........$######$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.png
new file mode 120000
index 000000000..2ed1ec6bd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.png
@@ -0,0 +1 @@
+left-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.xpm
new file mode 100644
index 000000000..be4d9442e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-active.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_active_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.png
new file mode 120000
index 000000000..2e22e13d7
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.png
@@ -0,0 +1 @@
+left-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.xpm
new file mode 100644
index 000000000..26d87350e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/right-inactive.xpm
@@ -0,0 +1,29 @@
+/* XPM */
+static char * right_inactive_xpm[] = {
+"1 24 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+".",
+"."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.xpm
new file mode 100644
index 000000000..795c4ade1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.xpm
new file mode 100644
index 000000000..c380a7567
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.xpm
new file mode 100644
index 000000000..cbe867433
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.xpm
new file mode 100644
index 000000000..58064244e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............$$............",
+"...........$##$...........",
+"..........$####$..........",
+".........$#$##$#$.........",
+".........$$.##.$$.........",
+"............##............",
+"............##............",
+"............##............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.xpm
new file mode 100644
index 000000000..fb9b3641c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.xpm
new file mode 100644
index 000000000..c2d030db2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.xpm
new file mode 100644
index 000000000..caeda2767
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.xpm
new file mode 100644
index 000000000..e13229fc1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/shade-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * shade_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"............##............",
+"............##............",
+"............##............",
+".........$$.##.$$.........",
+".........$#$##$#$.........",
+"..........$####$..........",
+"...........$##$...........",
+"............$$............",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.xpm
new file mode 100644
index 000000000..a5f57fac4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.xpm
new file mode 100644
index 000000000..e74ef1822
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.xpm
new file mode 100644
index 000000000..ab3d06a73
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.xpm
new file mode 100644
index 000000000..a684e12b1
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$#$..$#$.........",
+".........##....##.........",
+".........##....##.........",
+".........$#$..$#$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.png
new file mode 120000
index 000000000..b334d4fcc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.png
@@ -0,0 +1 @@
+menu-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.xpm
new file mode 100644
index 000000000..2b51885de
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-active.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_active_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.png
new file mode 120000
index 000000000..849f26b54
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.png
@@ -0,0 +1 @@
+menu-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.xpm
new file mode 100644
index 000000000..d37cb8255
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-inactive.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_inactive_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s inactive_text_color",
+"$ c #626277 s inactive_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.png
new file mode 120000
index 000000000..02384bbb3
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.png
@@ -0,0 +1 @@
+menu-prelight.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.xpm
new file mode 100644
index 000000000..0a1f00e9c
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-prelight.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_prelight_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.png
new file mode 120000
index 000000000..76bdcb486
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.png
@@ -0,0 +1 @@
+menu-pressed.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.xpm
new file mode 100644
index 000000000..ea5c47b24
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/stick-toggled-pressed.xpm
@@ -0,0 +1,33 @@
+/* XPM */
+static char * stick_toggled_pressed_xpm[] = {
+"26 26 4 1",
+" c None",
+". c #f7f7f7",
+"# c #333333 s active_text_color",
+"$ c #626277 s active_text_color",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"...........$##$...........",
+"..........######..........",
+".........$######$.........",
+".........########.........",
+".........########.........",
+".........$######$.........",
+"..........######..........",
+"...........$##$...........",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+"..........................",
+".........................."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/themerc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/themerc
new file mode 100644
index 000000000..1320a2e6e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/themerc
@@ -0,0 +1,17 @@
+# Copyright 2019-2021 Zorin OS Technologies Ltd.
+# License: GPL v2
+
+active_text_color=active_text_color_2
+inactive_text_color=inactive_text_color_2
+title_shadow_active=false
+title_shadow_inactive=false
+button_offset=4
+button_spacing=6
+full_width_title=true
+maximized_offset=4
+show_app_icon=false
+shadow_delta_height=10
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=20
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.png
new file mode 100644
index 000000000..286a9c71e
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.xpm
new file mode 100644
index 000000000..6dffa5eed
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.png
new file mode 100644
index 000000000..606db8a2a
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.xpm
new file mode 100644
index 000000000..17b0cf1a2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-1-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_1_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.xpm
new file mode 100644
index 000000000..9282849c2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.xpm
new file mode 100644
index 000000000..6432cda41
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-2-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_2_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.xpm
new file mode 100644
index 000000000..10396081e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.xpm
new file mode 100644
index 000000000..a43a5b742
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-3-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_3_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.xpm
new file mode 100644
index 000000000..067a659d4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.xpm
new file mode 100644
index 000000000..cc11abed5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-4-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_4_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.png
new file mode 120000
index 000000000..b4aa42bcd
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.png
@@ -0,0 +1 @@
+title-1-active.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.xpm
new file mode 100644
index 000000000..d352c8f45
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_active_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.png
new file mode 120000
index 000000000..6cd87130e
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.png
@@ -0,0 +1 @@
+title-1-inactive.png
\ No newline at end of file
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.xpm
new file mode 100644
index 000000000..ae55f64c8
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/title-5-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * title_5_inactive_xpm[] = {
+"10 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+"..........",
+".........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.png
new file mode 100644
index 000000000..5e3d25052
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.xpm
new file mode 100644
index 000000000..d7d14d050
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.png
new file mode 100644
index 000000000..c2a67ec7d
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.xpm
new file mode 100644
index 000000000..c388491a4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-left-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_left_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+" ...",
+" .....",
+" .......",
+" ........",
+" .........",
+" .........",
+" ..........",
+" ..........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.png
new file mode 100644
index 000000000..ed0958517
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.xpm
new file mode 100644
index 000000000..faac89686
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-active.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_active_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s active_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.png
new file mode 100644
index 000000000..1476b9120
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.xpm b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.xpm
new file mode 100644
index 000000000..93410a821
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonGrey-Light/xfwm4/top-right-inactive.xpm
@@ -0,0 +1,41 @@
+/* XPM */
+static char * top_right_inactive_xpm[] = {
+"11 36 2 1",
+" c None",
+". c #C0C0FF s inactive_color_2",
+"... ",
+"..... ",
+"....... ",
+"........ ",
+"......... ",
+"......... ",
+".......... ",
+".......... ",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"...........",
+"..........."};
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities-dark.svg
new file mode 100644
index 000000000..128965bb9
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities.svg
new file mode 100644
index 000000000..bd8dbff8f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/activities.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-dark.svg
new file mode 100644
index 000000000..6fa32b536
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today-dark.svg
new file mode 100644
index 000000000..077b10c12
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today.svg
new file mode 100644
index 000000000..3408a99c4
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event-today.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 000000000..0fbdb34cc
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 000000000..770da4259
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused-dark.svg
new file mode 100644
index 000000000..770da4259
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused.svg
new file mode 100644
index 000000000..8a07d1542
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-dark.svg
new file mode 100644
index 000000000..25a7a5487
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
new file mode 100644
index 000000000..994c85290
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused.svg
new file mode 100644
index 000000000..69596033a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off-focused.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 000000000..c8a9c450f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 000000000..e107acfa5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/checkbox.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/gnome-shell-start.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/gnome-shell-start.svg
new file mode 100644
index 000000000..af139cf0d
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/login-background.png b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/login-background.png
new file mode 100644
index 000000000..45c6ce0cf
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/login-background.png differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture-dark.svg
new file mode 100644
index 000000000..0b9957823
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture.svg
new file mode 100644
index 000000000..62197e9b5
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/texture.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off-dark.svg
new file mode 100644
index 000000000..b834d5925
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 000000000..b3f5d59ab
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 000000000..76e1ad0ef
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 000000000..13af6403a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder-dark.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
new file mode 100644
index 000000000..2399fc47a
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder-dark.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder.svg
new file mode 100644
index 000000000..91cd20054
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/assets/workspace-placeholder.svg
@@ -0,0 +1 @@
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell-theme.gresource b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell-theme.gresource
new file mode 100644
index 000000000..200c26b53
Binary files /dev/null and b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell-theme.gresource differ
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell.css
new file mode 100644
index 000000000..9551b3091
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,1644 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc. Portions adapted from Mx's data/style/default.css Copyright 2009 Intel Corporation This program is free software; you can redistribute it and/or modify it under the terms and conditions of the GNU Lesser General Public License, version 2.1, as published by the Free Software Foundation. This program is distributed in the hope it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */
+/* Global Values */
+stage { font-size: 10pt; color: #fcc8b4; }
+
+/* Common Stylings */
+.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { color: #fcc8b4; background-color: rgba(30, 23, 21, 0.925); border: 1px solid rgba(252, 200, 180, 0.075); border-radius: 16px; padding: 12px; }
+
+.workspace-thumbnails .workspace-thumbnail { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, #dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { border-radius: 16px; padding: 6px; spacing: 6px; border: 2px solid transparent; transition-duration: 150ms; text-align: center; }
+
+.modal-dialog { color: #fcc8b4; background-color: #271e1b; border-radius: 11px; border: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .icon-button { border-radius: 8px; border: none; font-weight: bold; padding: 3px 24px; transition-duration: 150ms; color: #fcc8b4; background-color: #372b26; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .icon-button:focus { transition-duration: 150ms; color: #fcc8b4; background-color: #4b3b34; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .icon-button:focus:hover { background-color: #55423b; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .icon-button:focus:active { background-color: #634e46; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .icon-button:hover { transition-duration: 150ms; color: #fcc8b4; background-color: #42332e; box-shadow: 0 2px 4px rgba(30, 23, 21, 0.15); }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .icon-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .icon-button:active { transition-duration: 150ms; color: #fcc8b4; background-color: #52403a; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .icon-button:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button, .app-folder-dialog .folder-name-container .flat.edit-folder-button, .flat.button, .flat.icon-button { transition-duration: 150ms; color: #fcc8b4; background-color: #372b26; box-shadow: none; background-color: transparent; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .flat.icon-button:focus { transition-duration: 150ms; color: #fcc8b4; background-color: #4b3b34; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .flat.icon-button:focus:hover { background-color: #55423b; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .flat.icon-button:focus:active { background-color: #634e46; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .flat.icon-button:hover { transition-duration: 150ms; color: #fcc8b4; background-color: #42332e; box-shadow: 0 2px 4px rgba(30, 23, 21, 0.15); box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .flat.icon-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:active, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .flat.icon-button:active { transition-duration: 150ms; color: #fcc8b4; background-color: #52403a; box-shadow: none; }
+
+#LookingGlassDialog > #Toolbar .flat.lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .flat.icon-button:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { padding: 12px; font-weight: 400 !important; transition-duration: 150ms; color: #fcc8b4; background-color: rgba(252, 200, 180, 0.075); background-image: none; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { margin-right: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { margin-left: 2px; }
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { transition-duration: 150ms; color: #fcc8b4; background-color: #4b3b34; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { background-color: #55423b; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { background-color: #634e46; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { transition-duration: 150ms; color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { transition-duration: 150ms; color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { border-radius: 0 0 0 10px; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { border-radius: 0 0 10px 0; margin-right: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { border-radius: 0 0 10px 0; }
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { border-radius: 0 0 0 10px; margin-left: 0 !important; }
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { border-radius: 0 0 10px 10px !important; margin-left: 0 !important; margin-right: 0 !important; }
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(30, 23, 21, 0.5); }
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(30, 23, 21, 0.5); }
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { transition-duration: 150ms; color: #fcc8b4; background-color: rgba(72, 56, 51, 0.937563); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { background-color: rgba(83, 65, 59, 0.940938); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { background-color: rgba(99, 78, 71, 0.946); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { transition-duration: 150ms; color: #fcc8b4; background-color: rgba(62, 48, 44, 0.934375); box-shadow: 0 2px 4px rgba(30, 23, 21, 0.15); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { transition-duration: 150ms; color: #fcc8b4; background-color: rgba(80, 63, 57, 0.94); box-shadow: none; }
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+/* General Typography */
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { font-weight: 800; font-size: 20pt; }
+
+.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { font-weight: 800; font-size: 15pt; }
+
+.quick-toggle-menu .header .title { font-weight: 700; font-size: 15pt; }
+
+.message-dialog-content .message-dialog-title.lightweight, .headline { font-weight: 700; font-size: 13pt; }
+
+.lg-extension-name, .osd-window, .dialog-list .dialog-list-title, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament { font-weight: 700; font-size: 11pt; }
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { font-weight: 700; font-size: 9pt; }
+
+.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { font-weight: 400; font-size: 9pt; }
+
+.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base { font-weight: 400; font-size: 8pt; }
+
+.world-clocks-button .world-clocks-timezone, .events-button .event-time { font-feature-settings: "tnum"; }
+
+/* WIDGETS */
+.shell-link { color: #feece5; }
+
+.shell-link:hover { color: white; }
+
+.lowres-icon { icon-shadow: 0 1px 2.5px 0.5px rgba(30, 23, 21, 0.25); }
+
+.icon-dropshadow { icon-shadow: 0 2.5px 5px 1px rgba(30, 23, 21, 0.25); }
+
+/* Entries */
+StEntry { border-radius: 8px; padding: 8px; color: #fcc8b4; background-color: #1e1715; color: #fcc8b4; border: 1px solid #372b26; box-shadow: none; selection-background-color: #57443d; selected-color: #fcc8b4; }
+
+StEntry:focus { background-color: #1e1715; border-color: #fcc8b4; color: #fcc8b4; box-shadow: inset 0 0 0 1px #fcc8b4; }
+
+StEntry:insensitive { background-color: transparent; border-color: transparent; color: #927367; box-shadow: none; }
+
+StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #faa483; padding: 0 4px; }
+
+StEntry StIcon.peek-password { icon-size: 16px; padding: 0 4px; }
+
+StEntry StLabel.hint-text { margin-left: 2px; color: rgba(252, 200, 180, 0.7); }
+
+/* Buttons */
+.button, .icon-button { min-height: 22px; }
+
+.icon-button { border-radius: 99px; padding: 12px; min-height: 16px; }
+
+.icon-button StIcon { icon-size: 16px; -st-icon-style: symbolic; }
+
+/* Check Boxes */
+.check-box StBoxLayout { spacing: .8em; }
+
+.check-box StBin { width: 22px; height: 22px; background-image: url("assets/checkbox-off-dark.svg"); }
+
+.check-box:focus StBin { background-image: url("assets/checkbox-off-focused-dark.svg"); }
+
+.check-box:checked StBin { background-image: url("assets/checkbox-dark.svg"); }
+
+.check-box:focus:checked StBin { background-image: url("assets/checkbox-focused-dark.svg"); }
+
+/* Switches */
+.toggle-switch { color: #fcc8b4; height: 26px; width: 48px; background-size: contain; background-image: url("assets/toggle-off-dark.svg"); }
+
+.toggle-switch:checked { background-image: url("assets/toggle-on-dark.svg"); }
+
+/* Slider */
+.slider { height: 22px; -barlevel-height: 4px; -barlevel-background-color: #372b26; -barlevel-border-width: 0px; -barlevel-border-color: transparent; -barlevel-active-background-color: #fcc8b4; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -slider-handle-radius: 10px; -slider-handle-border-width: 1px; -slider-handle-border-color: #fcc8b4; color: #fcc8b4; }
+
+/* Scrollbars */
+StScrollView.vfade { -st-vfade-offset: 68px; }
+
+StScrollView.hfade { -st-hfade-offset: 68px; }
+
+StScrollBar { padding: 0; }
+
+StScrollView StScrollBar { min-width: 8px; min-height: 8px; }
+
+StScrollBar StBin#trough { border-radius: 0; background-color: transparent; }
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 8px; background-color: #a78477; border: 3px solid transparent; transition: 500ms all ease; }
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #d1a695; }
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #fcc8b4; }
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer { -arrow-rise: 6px; }
+
+.popup-menu { min-width: 15em; color: #fcc8b4; }
+
+.popup-menu.panel-menu { margin-bottom: 1.75em; }
+
+.popup-menu-content, .candidate-popup-content { padding: 6px; border-radius: 16px; border: 1px solid rgba(252, 200, 180, 0.075); box-shadow: 0 6px 12px rgba(30, 23, 21, 0.25); background-color: #271e1b; }
+
+.popup-menu-item { padding: 7.5px; border-radius: 8px; spacing: 6px; transition-duration: 150ms; background-color: transparent; }
+
+.popup-menu-item:ltr { padding-left: 6px; }
+
+.popup-menu-item:rtl { padding-right: 6px; }
+
+.popup-menu-item:focus, .popup-menu-item:hover { background-color: #3c2f2a !important; }
+
+.popup-menu-item:focus:active, .popup-menu-item:hover:active { background-color: #473832 !important; }
+
+.popup-menu-item:checked { background-color: #1e1715 !important; }
+
+.popup-menu-item:checked { margin-bottom: 0; box-shadow: inset 0 -1px 0 0 #372b26; border-radius: 8px 8px 0 0; }
+
+.popup-menu-item:checked:focus, .popup-menu-item:checked:hover { background-color: #3c2f2a !important; }
+
+.popup-menu-item:checked:active { background-color: #473832 !important; }
+
+.popup-menu-item:active { background-color: #56443d; color: #fcc8b4; }
+
+.popup-menu-item:insensitive { color: rgba(252, 200, 180, 0.5); }
+
+.popup-menu-item .toggle-switch:ltr { margin-left: 4px; }
+
+.popup-menu-item .toggle-switch:rtl { margin-right: 4px; }
+
+.popup-inactive-menu-item { color: #fcc8b4; }
+
+.popup-inactive-menu-item:insensitive { color: #927367; }
+
+.popup-menu-arrow, .popup-menu-icon { icon-size: 16px !important; }
+
+.popup-sub-menu { background-color: #1e1715; border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-ornament { min-width: 16px !important; }
+
+.popup-sub-menu .popup-menu-item { border-radius: 0; margin: 0; }
+
+.popup-sub-menu .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { background-color: #3c2f2a !important; }
+
+.popup-sub-menu .popup-menu-item:checked { background-color: #1e1715 !important; }
+
+.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { background-color: #3c2f2a !important; }
+
+.popup-sub-menu .popup-menu-item:active { background-color: #473832 !important; }
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { border-radius: 0; }
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { border-radius: 0 0 8px 8px; }
+
+.popup-menu-ornament { width: 1.2em; text-align: center !important; }
+
+.popup-menu-ornament:ltr { text-align: right; }
+
+.popup-menu-ornament:rtl { text-align: left; }
+
+.popup-separator-menu-item { margin: 6px 0; padding: 0 !important; }
+
+.popup-separator-menu-item:ltr { margin-right: 4px; }
+
+.popup-separator-menu-item:rtl { margin-left: 4px; }
+
+.popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; background-color: #372b26; }
+
+.popup-separator-menu-item .popup-menu-ornament { width: 0 !important; }
+
+.popup-sub-menu .popup-separator-menu-item { background-color: transparent; }
+
+.popup-sub-menu .popup-separator-menu-item:ltr { margin-right: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item:rtl { margin-left: 2.5em; }
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { background-color: #4c3c35; }
+
+.background-menu { -boxpointer-gap: 0px; -arrow-rise: 0px; }
+
+.app-menu { max-width: 27.25em; }
+
+.app-menu .popup-menu-ornament { width: 0 !important; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { margin-right: 8px; }
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { margin-left: 8px; }
+
+/* Date/Time Menu */
+#calendarArea { padding: 4px; }
+
+.datemenu-calendar-column { spacing: 6px; }
+
+.datemenu-calendar-column:ltr { padding-left: 6px; }
+
+.datemenu-calendar-column:rtl { padding-right: 6px; }
+
+.datemenu-calendar-column .datemenu-displays-box { spacing: 6px; }
+
+/* today button (the date) */
+.datemenu-today-button { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; padding: 9px; }
+
+.datemenu-today-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(30, 23, 21, 0.5); }
+
+.datemenu-today-button:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.datemenu-today-button:hover { color: #fcc8b4; background-color: #372b26; }
+
+.datemenu-today-button:active { color: #fcc8b4; background-color: #42332e; }
+
+.datemenu-today-button .day-label { color: #927367; }
+
+.datemenu-today-button .date-label { color: #fcc8b4; font-weight: 700; }
+
+/* Calendar */
+.calendar { border-radius: 8px; margin: 4px; transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; box-shadow: none !important; margin-top: 0; }
+
+.calendar:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(30, 23, 21, 0.5); }
+
+.calendar:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.calendar:hover { color: #fcc8b4; background-color: #372b26; }
+
+.calendar:active { color: #fcc8b4; background-color: #42332e; }
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon, .calendar .calendar-month-header .calendar-change-month-forward StIcon { icon-size: 16px; }
+
+.calendar .calendar-month-header .calendar-month-label { color: #fcc8b4; padding: 8px 0; }
+
+.calendar .calendar-month-header .pager-button { background-color: transparent; height: 32px; width: 32px; margin: 2px; border-radius: 8px; }
+
+.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { background-color: #3c2f2a; }
+
+.calendar .calendar-month-header .pager-button:active { background-color: #473832; }
+
+.calendar .calendar-day-base { text-align: center; margin: 2px; padding: 0 !important; height: 3em !important; width: 3em !important; border-radius: 99px; transition-duration: 150ms; }
+
+.calendar .calendar-day-base:hover { background-color: #3c2f2a; }
+
+.calendar .calendar-day-base:focus { background-color: #52403a; color: #fcc8b4; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { color: #fcc8b4; background-color: #473832; }
+
+.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { background-color: #473832; }
+
+.calendar .calendar-day-base.calendar-day-heading { color: #927367; padding-top: 6px; height: 16px !important; font-weight: bold; }
+
+.calendar .calendar-nonwork-day { color: #fcc8b4; }
+
+.calendar .calendar-other-month-day { color: rgba(252, 200, 180, 0.5); }
+
+.calendar .calendar-other-month-day.calendar-nonwork-day { color: rgba(252, 200, 180, 0.5); }
+
+.calendar .calendar-today { background-color: #fcc8b4; font-weight: 800; color: #1e1715 !important; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); }
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus { background-color: #fdd3c3; background-gradient-direction: none; color: inherit; }
+
+.calendar .calendar-today:active, .calendar .calendar-today:selected { background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; color: inherit; box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); }
+
+.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { background-color: #fddacd; color: #1e1715; }
+
+.calendar .calendar-day-with-events { background-image: url("assets/calendar-event-dark.svg"); background-size: contain; }
+
+.calendar .calendar-day-with-events.calendar-today { background-image: url("assets/calendar-event-today-dark.svg"); background-size: contain; }
+
+.calendar .calendar-week-number { font-size: 7pt; font-weight: bold; font-feature-settings: "tnum"; margin: 6px; padding: 0 6px; border-radius: 4px; background-color: rgba(252, 200, 180, 0.075); color: #927367; }
+
+/* Events */
+.events-button { border-radius: 8px; margin: 4px; color: #fcc8b4; background-color: #1e1715; padding: 12px; }
+
+.events-button:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.events-button:hover { color: #fcc8b4; background-color: #372b26; }
+
+.events-button:active { color: #fcc8b4; background-color: #42332e; }
+
+.events-button .events-box { spacing: 6px; }
+
+.events-button .events-list { spacing: 12px; }
+
+.events-button .events-title { color: #927367; margin-bottom: 4px; }
+
+.events-button .event-time { color: #927367; }
+
+/* World clocks */
+.world-clocks-button { border-radius: 8px; margin: 4px; color: #fcc8b4; background-color: #1e1715; padding: 12px; }
+
+.world-clocks-button:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.world-clocks-button:hover { color: #fcc8b4; background-color: #372b26; }
+
+.world-clocks-button:active { color: #fcc8b4; background-color: #42332e; }
+
+.world-clocks-button .world-clocks-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.world-clocks-button .world-clocks-header { color: #927367; }
+
+.world-clocks-button .world-clocks-city { color: #fcc8b4; }
+
+.world-clocks-button .world-clocks-time { color: #fcc8b4; }
+
+.world-clocks-button .world-clocks-time:ltr { text-align: right; }
+
+.world-clocks-button .world-clocks-time:rtl { text-align: left; }
+
+.world-clocks-button .world-clocks-timezone { color: #927367; }
+
+/* Weather */
+.weather-button { border-radius: 8px; margin: 4px; color: #fcc8b4; background-color: #1e1715; padding: 12px; }
+
+.weather-button:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.weather-button:hover { color: #fcc8b4; background-color: #372b26; }
+
+.weather-button:active { color: #fcc8b4; background-color: #42332e; }
+
+.weather-button .weather-box { spacing: 10px; }
+
+.weather-button .weather-header-box { spacing: 6px; }
+
+.weather-button .weather-header { color: #927367; }
+
+.weather-button .weather-header.location { font-weight: normal; }
+
+.weather-button .weather-grid { spacing-rows: 6px; spacing-columns: 12px; }
+
+.weather-button .weather-forecast-time { color: #fcc8b4; padding-top: 0.2em; padding-bottom: 0.4em; }
+
+.weather-button .weather-forecast-icon { icon-size: 32px; }
+
+/* Message List */
+.message-list { width: 29em; border: none; }
+
+.message-list:ltr { margin-left: 0; margin-right: 4px; padding-right: 6px; }
+
+.message-list:rtl { margin-right: 0; margin-left: 4px; padding-left: 6px; }
+
+.message-list .message-list-placeholder { color: rgba(146, 115, 103, 0.75); }
+
+.message-list .message-list-placeholder > StIcon { icon-size: 48px; margin-bottom: 12px; -st-icon-style: symbolic; }
+
+.message-list .message { background-color: #1e1715; }
+
+.message-list-sections { spacing: 6px; margin: 0; padding-bottom: 6px; }
+
+.message-list-sections:ltr { margin-right: 12px; }
+
+.message-list-sections:rtl { margin-left: 12px; }
+
+.message-list-section, .message-list-section-list { spacing: 6px; }
+
+.message-list-controls { padding: 6px; spacing: 6px; font-weight: 400 !important; }
+
+.message-list-controls .button, .message-list-controls .icon-button { font-weight: 400 !important; }
+
+.message-list-controls .dnd-button { border-width: 2px; border-color: transparent; border-radius: 32px; border-style: solid; }
+
+.message-list-controls .dnd-button:focus { border-color: rgba(252, 200, 180, 0.6); }
+
+.message { border-radius: 8px; margin: 4px; color: #fcc8b4; background-color: #1e1715; background-color: rgba(30, 23, 21, 0.925); }
+
+.message:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.message:hover { color: #fcc8b4; background-color: #372b26; }
+
+.message:active { color: #fcc8b4; background-color: #42332e; }
+
+.message .message-icon-bin { padding: 18px; }
+
+.message .message-icon-bin:ltr { padding-right: 6px; }
+
+.message .message-icon-bin:rtl { padding-left: 6px; }
+
+.message .message-icon-bin > StIcon { icon-size: 32px; -st-icon-style: symbolic; }
+
+.message .message-icon-bin > .fallback-app-icon { width: 16px; height: 16px; }
+
+.message .message-content { spacing: 4px; padding: 9px; margin-bottom: 8px; }
+
+.message .message-title { font-weight: bold; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-top: 0.57em; }
+
+.message .message-secondary-bin { padding: 0 8px; }
+
+.message .message-secondary-bin > .event-time { color: rgba(252, 200, 180, 0.5); font-size: 8pt; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ padding-bottom: 0.4em; }
+
+.message .message-secondary-bin > .event-time:ltr { text-align: right; }
+
+.message .message-secondary-bin > .event-time:rtl { text-align: left; }
+
+.message .message-close-button { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.075); border-radius: 99px; padding: 5px; margin: 1px; }
+
+.message .message-close-button:hover { background-color: rgba(252, 200, 180, 0.125); }
+
+.message .message-close-button:active { background-color: rgba(252, 200, 180, 0.2); }
+
+.message .message-close-button StIcon { icon-size: 16px; }
+
+.message .message-body { color: #fcc8b4; }
+
+.url-highlighter { link-color: #feece5; }
+
+/* Media Controls */
+.message-media-control { padding: 0 18px; margin: 12px 0; border-radius: 8px; color: #fcc8b4; transition-duration: 150ms; }
+
+.message-media-control:hover { background-color: rgba(252, 200, 180, 0.075); color: #fcc8b4; }
+
+.message-media-control:active { background-color: rgba(252, 200, 180, 0.125); color: #fcc8b4; }
+
+.message-media-control:insensitive { color: #927367; }
+
+.message-media-control:last-child:ltr { margin-right: 12px; }
+
+.message-media-control:last-child:rtl { margin-left: 12px; }
+
+.message-media-control StIcon { icon-size: 16px; }
+
+.media-message-cover-icon { icon-size: 48px !important; border-radius: 8px; }
+
+.media-message-cover-icon.fallback { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.075); border: 1px solid transparent; border-radius: 8px; icon-size: 32px !important; padding: 14px; }
+
+.candidate-popup-content { padding: 6px; spacing: 6px; }
+
+.candidate-index { padding: 0; padding-right: 6px; color: #927367; }
+
+.candidate-box { padding: 6px 12px 6px 12px; border-radius: 8px; }
+
+.candidate-box:selected { background-color: #fcc8b4; color: #1e1715; }
+
+.candidate-box:hover { background-color: #3c2f2a; color: #fcc8b4; }
+
+.candidate-page-button-box { height: 2em; }
+
+.vertical .candidate-page-button-box { padding-top: 12px; }
+
+.horizontal .candidate-page-button-box { padding-left: 12px; }
+
+.candidate-page-button { padding: 6px; }
+
+.candidate-page-button StIcon { icon-size: 16px; }
+
+.candidate-page-button-previous { border-radius: 8px 0px 0px 8px; border-right-width: 0; box-shadow: none; }
+
+.candidate-page-button-next { border-radius: 0px 8px 8px 0px; box-shadow: none; }
+
+/* Notifications & Message Tray */
+.notification-banner { min-height: 64px; width: 34em; box-shadow: 0 4px 8px 1px rgba(30, 23, 21, 0.25); border-radius: 12px; margin: 8px; border: 1px solid rgba(252, 200, 180, 0.075); }
+
+.notification-banner .notification-actions { spacing: 0; }
+
+.summary-source-counter { font-size: 9pt; font-weight: bold; height: 1.6em; width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; background-color: #fcc8b4; color: #1e1715; border: 2px solid #fcc8b4; box-shadow: 0 2px 2px rgba(30, 23, 21, 0.25); border-radius: 0.9em; }
+
+.chat-body { spacing: 5px; }
+
+.chat-response { margin: 5px; }
+
+.chat-log-message { color: #fcc8b4; }
+
+.chat-new-group { padding-top: 1em; }
+
+.chat-received { padding-left: 4px; }
+
+.chat-received:rtl { padding-left: 0px; padding-right: 4px; }
+
+.chat-sent { padding-left: 18pt; color: transaprentize(#fcc8b4, 0.125); }
+
+.chat-sent:rtl { padding-left: 0; padding-right: 18pt; }
+
+.chat-meta-message { padding-left: 4px; font-size: 8pt; font-weight: bold; color: rgba(252, 200, 180, 0.8); }
+
+.chat-meta-message:rtl { padding-left: 0; padding-right: 4px; }
+
+.hotplug-notification-item-icon { icon-size: 24px; padding: 0 4px; }
+
+/* Modal Dialogs */
+.modal-dialog .modal-dialog-content-box { margin: 32px 40px; spacing: 32px; max-width: 28em; }
+
+/* End Session Dialog */
+.end-session-dialog { width: 30em; }
+
+.end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { color: #fb7c7c; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child { color: #1e1715; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; font-weight: bold !important; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:hover { background-color: #ff929b; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:active { background-color: #fa4a4a; background-gradient-direction: none; }
+
+.end-session-dialog .modal-dialog-linked-button:last-child:insensitive { color: #927367; background-color: transparent; background-gradient-direction: none; }
+
+/* Message Dialog */
+.message-dialog-content { spacing: 18px; }
+
+.message-dialog-content .message-dialog-title { text-align: center; }
+
+.message-dialog-content .message-dialog-description { text-align: center; }
+
+/* Dialog List */
+.dialog-list { spacing: 18px; }
+
+.dialog-list .dialog-list-title { text-align: center; }
+
+.dialog-list .dialog-list-scrollview { max-height: 200px; }
+
+.dialog-list .dialog-list-box { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item { spacing: 1em; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { font-weight: bold; }
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { color: #c79e8e; }
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box { margin-top: 24px; margin-bottom: 14px; }
+
+.run-dialog .run-dialog-entry { width: 20em; }
+
+.run-dialog .run-dialog-description { text-align: center; color: #c79e8e; }
+
+/* Password or Authentication Dialog */
+.prompt-dialog { width: 28em; }
+
+.prompt-dialog .modal-dialog-content-box { margin-bottom: 24px; }
+
+.prompt-dialog-password-grid { spacing-rows: 8px; spacing-columns: 4px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry { width: auto; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { margin-left: 20px; }
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { margin-right: 20px; }
+
+.prompt-dialog-password-layout { spacing: 8px; }
+
+.prompt-dialog-password-entry { width: 20em; }
+
+.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { text-align: center; }
+
+.prompt-dialog-error-label { color: #fb7c7c; font-weight: bold; }
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout { text-align: center; spacing: 8px; margin-bottom: 6px; }
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label { color: #fb7c7c; }
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box { margin-bottom: 28px; }
+
+.audio-device-selection-dialog .audio-selection-box { spacing: 20px; }
+
+.audio-selection-device { border-radius: 16px; }
+
+.audio-selection-device:hover, .audio-selection-device:focus { background-color: #3c2f2a; }
+
+.audio-selection-device:active { background-color: #fcc8b4; color: #1e1715; }
+
+.audio-selection-device-box { padding: 20px; spacing: 20px; }
+
+.audio-selection-device-icon { icon-size: 64px; }
+
+/* Welcome dialog */
+.welcome-dialog-image { background-image: url("assets/gnome-shell-start.svg"); background-size: contain; /* Reasonable maximum dimensions */ height: 300px; width: 300px; }
+
+/* Access portal dialog */
+.access-dialog { text-align: center; }
+
+/* OSD */
+.osd-window { text-align: center; font-weight: bold; spacing: 12px; padding: 12px 18px; margin-bottom: 4em; box-shadow: 0 6px 12px rgba(30, 23, 21, 0.25); }
+
+.osd-window > * { spacing: 8px; }
+
+.osd-window StIcon { icon-size: 32px; }
+
+.osd-window StLabel:ltr { margin-right: 6px; }
+
+.osd-window StLabel:rtl { margin-left: 6px; }
+
+.osd-window .level { margin-bottom: 4px; height: 4px; min-width: 160px; -barlevel-height: 4px; -barlevel-background-color: rgba(252, 200, 180, 0.25); -barlevel-active-background-color: #fcc8b4; -barlevel-overdrive-color: #fb7c7c; -barlevel-overdrive-separator-width: 3px; }
+
+.osd-window .level:first-child { margin-bottom: 0px; }
+
+.osd-window .level:ltr { margin-right: 6px; }
+
+.osd-window .level:rtl { margin-left: 6px; }
+
+.osd-monitor-label { border-radius: 16px; font-size: 3em; font-weight: bold; margin: 12px; text-align: center; min-width: 1.3em; }
+
+/* Pad OSD */
+.pad-osd-window { padding: 32px; background-color: rgba(0, 0, 0, 0.8); }
+
+.pad-osd-window .pad-osd-title-box { spacing: 12px; }
+
+.pad-osd-window .pad-osd-title-menu-box { spacing: 6px; }
+
+.combo-box-label { width: 15em; }
+
+/* App Switcher */
+.switcher-popup { padding: 0; spacing: 24px; }
+
+.switcher-list { padding: 10px; border-radius: 24px; box-shadow: 0 6px 12px rgba(30, 23, 21, 0.25); }
+
+.switcher-list .switcher-list-item-container { spacing: 12px; }
+
+.switcher-list .item-box { background-color: transparent; }
+
+.switcher-list .item-box:hover { background-color: rgba(252, 200, 180, 0.075); }
+
+.switcher-list .item-box:selected, .switcher-list .item-box:focus { background-color: rgba(252, 200, 180, 0.125); }
+
+.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { background-color: rgba(252, 200, 180, 0.15); }
+
+.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { background-color: rgba(252, 200, 180, 0.125); }
+
+.switcher-list .item-box:active { background-color: rgba(252, 200, 180, 0.2); }
+
+.switcher-list .item-box:outlined, .switcher-list .item-box:checked { background-color: rgba(252, 200, 180, 0.2); }
+
+.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { background-color: rgba(252, 200, 180, 0.225); }
+
+.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { background-color: rgba(252, 200, 180, 0.25); }
+
+.switcher-list .item-box:drop { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+.switcher-list .item-box:hover { background: none; }
+
+.switcher-list .separator { width: 1px; background: #372b26; }
+
+.switcher-list .thumbnail-box { padding: 2px; spacing: 6px; }
+
+.switcher-list .thumbnail { width: 256px; border-radius: 8px; }
+
+.switcher-arrow { border-color: rgba(252, 200, 180, 0.8); color: rgba(252, 200, 180, 0.8); }
+
+.switcher-arrow:highlighted { border-color: #fcc8b4; color: #fcc8b4; }
+
+.input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; }
+
+.cycler-highlight { border: 5px solid #fcc8b4; }
+
+/* Workspace Switcher */
+.workspace-switcher { margin-bottom: 4em; spacing: 12px; padding: 12px 18px; box-shadow: 0 6px 12px rgba(30, 23, 21, 0.25); }
+
+.ws-switcher-indicator { background-color: rgba(252, 200, 180, 0.5); padding: 2.6666666667px; margin: 13.3333333333px; border-radius: 32px; }
+
+.ws-switcher-indicator:active { background-color: #fcc8b4; padding: 5.3333333333px; margin: 10.6666666667px; }
+
+.icon-label-button-container { spacing: 6px; }
+
+.icon-label-button-container StIcon { icon-size: 32px; }
+
+.screenshot-ui-panel { border-radius: 37px; padding: 18px; padding-bottom: 12px; margin-bottom: 4em; spacing: 12px; }
+
+.screenshot-ui-close-button { padding: 6px !important; margin-top: 12px; box-shadow: 0 2px 4px 0 rgba(30, 23, 21, 0.25); }
+
+.screenshot-ui-close-button.left { margin-left: 12px; }
+
+.screenshot-ui-close-button.right { margin-right: 12px; }
+
+.screenshot-ui-type-button { min-width: 48px; padding: 12px 18px !important; border-radius: 19px; }
+
+.screenshot-ui-capture-button { width: 36px; height: 36px; border-radius: 99px; border: 4px rgba(252, 200, 180, 0.875); padding: 4px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { background-color: rgba(252, 200, 180, 0.875); transition-duration: 150ms; border-radius: 99px; }
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { background-color: #3c2f2a; }
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { background-color: rgba(252, 200, 180, 0.925); }
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { background-color: #fcc8b4; }
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { background-color: #fb7c7c; }
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { background-color: #fc9595; }
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { background-color: #fb5959; }
+
+.screenshot-ui-shot-cast-container { background-color: #52403a; border-radius: 16px; padding: 3px; spacing: 3px; }
+
+.screenshot-ui-shot-cast-container:ltr { margin-left: 3px; }
+
+.screenshot-ui-shot-cast-container:rtl { margin-right: 3px; }
+
+.screenshot-ui-shot-cast-button { padding: 6px 12px; color: #fcc8b4; background-color: transparent; border-radius: 13px; }
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { background-color: rgba(252, 200, 180, 0.075); }
+
+.screenshot-ui-shot-cast-button:active { background-color: rgba(252, 200, 180, 0.125); }
+
+.screenshot-ui-shot-cast-button:checked { background-color: #1e1715; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.1); }
+
+.screenshot-ui-shot-cast-button:insensitive { color: rgba(252, 200, 180, 0.5); }
+
+.screenshot-ui-shot-cast-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-show-pointer-button { background-color: rgba(68, 53, 48, 0.93625); border-radius: 99px; padding: 12px !important; }
+
+.screenshot-ui-show-pointer-button:hover { background-color: rgba(80, 63, 57, 0.94); }
+
+.screenshot-ui-show-pointer-button:active { background-color: rgba(92, 72, 65, 0.94375); }
+
+.screenshot-ui-show-pointer-button:checked { background-color: #fcc8b4; }
+
+.screenshot-ui-show-pointer-button StIcon { icon-size: 16px; }
+
+.screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { border: 2px white; }
+
+.screenshot-ui-area-selector-handle { border-radius: 99px; background-color: white; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); width: 24px; height: 24px; }
+
+.screenshot-ui-window-selector { background-color: #271e1b; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { margin: 100px; }
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { margin-bottom: 200px; }
+
+.screenshot-ui-window-selector-window-border { transition-duration: 150ms; border-radius: 16px; border: 6px transparent; }
+
+.screenshot-ui-window-selector-check { transition-duration: 150ms; color: transparent; border-radius: 99px; border-width: 12px; icon-size: 24px; }
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: rgba(252, 200, 180, 0.5); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { border-color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); }
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: #1e1715; background-color: #fcc8b4; }
+
+.screenshot-ui-screen-selector { transition-duration: 150ms; background-color: rgba(0, 0, 0, 0.5); }
+
+.screenshot-ui-screen-selector:hover { background-color: rgba(0, 0, 0, 0.3); }
+
+.screenshot-ui-screen-selector:active { background-color: rgba(0, 0, 0, 0.7); }
+
+.screenshot-ui-screen-selector:checked { background-color: transparent; border: 2px white; }
+
+.screenshot-ui-tooltip { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 24px; }
+
+/* Top Bar */
+#panel { background-color: rgba(30, 23, 21, 0.75); font-weight: bold; height: 2.4em; transition-duration: 250ms; }
+
+#panel.unlock-screen, #panel.login-screen { background-color: transparent; }
+
+#panel .panel-button { font-weight: bold; color: #fcc8b4; -natural-hpadding: 9px; -minimum-hpadding: 6px; transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.clock-display .clock { transition-duration: 150ms; border: 4px solid transparent; border-radius: 12px; }
+
+#panel .panel-button.screen-recording-indicator { box-shadow: inset 0 0 0 100px #fb7c7c; }
+
+#panel .panel-button.screen-sharing-indicator { box-shadow: inset 0 0 0 100px #faa483; }
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout { margin: 0 6px; }
+
+#panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { color: #1e1715; }
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { spacing: 6px; }
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { icon-size: 16px; }
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.2); }
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.2); }
+
+#panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.125); }
+
+#panel .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.125); }
+
+#panel .panel-button:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel .panel-button:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.2); }
+
+#panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(252, 200, 180, 0.2); }
+
+#panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-button .system-status-icon { icon-size: 16px; padding: 5px; margin: 0 4px; }
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon, #panel .panel-button .panel-status-menu-box .system-status-icon { margin: 0; }
+
+#panel .panel-button .app-menu-icon { -st-icon-style: symbolic; }
+
+#panel .panel-button#panelActivities { -natural-hpadding: 12px; }
+
+#panel .panel-button#panelActivities > * { background-image: url("assets/activities-dark.svg"); background-color: transparent !important; background-gradient-direction: none !important; background-size: contain; width: 24px; height: 24px; border: none; color: transparent; box-shadow: none; }
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button { color: white; }
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.85); }
+
+#panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.85); }
+
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.125); }
+
+#panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.9); }
+
+#panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.9); }
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display { box-shadow: none; }
+
+#panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock { box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(251, 124, 124, 0.8); }
+
+#panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator { color: #1e1715; box-shadow: inset 0 0 0 100px rgba(250, 164, 131, 0.8); }
+
+#panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; }
+
+#panel .power-status.panel-status-indicators-box { spacing: 0; }
+
+#panel .screencast-indicator, #panel .remote-access-indicator { color: #faa483; }
+
+#appMenu { spacing: 6px; }
+
+#appMenu .label-shadow { color: transparent; }
+
+#appMenu .panel-status-menu-box { padding: 0 6px; spacing: 6px; }
+
+.clock-display-box { spacing: 2px; }
+
+.clock-display-box .clock { padding-left: 9px; padding-right: 9px; }
+
+/* Activities Ripple */
+.ripple-box { background-color: rgba(255, 254, 254, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); width: 52px; height: 52px; border-radius: 0 0 52px 0; }
+
+.ripple-box:rtl { border-radius: 0 0 0 52px; }
+
+.quick-settings { padding: 12px; border-radius: 16px; }
+
+.quick-settings .icon-button, .quick-settings .button { padding: 10.5px; }
+
+.quick-settings-grid { spacing-rows: 12px; spacing-columns: 12px; }
+
+.quick-toggle { border-radius: 10px; min-width: 14em; max-width: 14em; min-height: 40px; border: none; /* Move padding into the box; this is to allow menu arrows to extend to the border */ }
+
+.quick-toggle:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+.quick-toggle:checked:focus { box-shadow: inset 0 0 0 2px rgba(30, 23, 21, 0.5); }
+
+.quick-toggle:checked:hover, .quick-toggle:checked:focus { color: #1e1715; background-color: #ffd5cb; background-gradient-direction: none; box-shadow: 0 2px 4px rgba(252, 200, 180, 0.1); }
+
+.quick-toggle:checked:active { color: #1e1715; background-color: #faa483; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle:checked:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-gradient-direction: none; box-shadow: none; }
+
+.quick-toggle > StBoxLayout { spacing: 6px; }
+
+.quick-toggle.button, .quick-toggle.icon-button { padding: 0; }
+
+.quick-toggle > StBoxLayout { padding: 0 12px; }
+
+.quick-toggle:ltr > StBoxLayout { padding-left: 15px; }
+
+.quick-toggle:rtl > StBoxLayout { padding-right: 15px; }
+
+.quick-toggle .quick-toggle-label { font-weight: bold; }
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { icon-size: 16px; }
+
+.quick-menu-toggle:ltr > StBoxLayout { padding-right: 0; }
+
+.quick-menu-toggle:rtl > StBoxLayout { padding-left: 0; }
+
+.quick-menu-toggle .quick-toggle-arrow { background-color: rgba(124, 98, 88, 0.2); padding: 6px 10.5px; }
+
+.quick-menu-toggle .quick-toggle-arrow:ltr { border-radius: 0 10px 10px 0; }
+
+.quick-menu-toggle .quick-toggle-arrow:rtl { border-radius: 10px 0 0 10px; }
+
+.quick-slider > StBoxLayout { spacing: 6px; }
+
+.quick-slider .slider-bin { min-height: 16px; padding: 6px; border-radius: 99px; }
+
+.quick-slider .slider-bin:focus { transition-duration: 150ms; color: #fcc8b4; background-color: #4b3b34; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+.quick-slider .slider-bin:focus:hover { background-color: #55423b; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.quick-slider .slider-bin:focus:active { background-color: #634e46; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.quick-slider .quick-toggle-icon { icon-size: 16px; }
+
+.quick-slider .quick-toggle-icon:ltr { margin-left: 6px; }
+
+.quick-slider .quick-toggle-icon:rtl { margin-right: 6px; }
+
+.quick-toggle-menu { background-color: #1e1715; border-radius: 16px; padding: 12px; margin: 12px 12px 0; }
+
+.quick-toggle-menu .popup-menu-item > StIcon { -st-icon-style: symbolic; }
+
+.quick-toggle-menu .header { spacing-rows: 3px; spacing-columns: 12px; padding-bottom: 12px; }
+
+.quick-toggle-menu .header .icon { icon-size: 24px; border-radius: 999px; padding: 9px; background-color: rgba(252, 200, 180, 0.125); }
+
+.quick-toggle-menu .header .icon.active { color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; }
+
+.quick-settings-system-item > StBoxLayout { spacing: 12px; }
+
+.quick-settings-system-item .power-item { min-height: 0; min-width: 0; }
+
+.quick-settings-system-item .power-item:insensitive { transition-duration: 150ms; color: #fcc8b4; background-color: #372b26; box-shadow: none; background-color: transparent; }
+
+.nm-network-item .wireless-secure-icon { icon-size: 8px; }
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces { spacing: 12px; }
+
+#overviewGroup { background-color: #271e1b; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+.overview-controls { padding-bottom: 32px; }
+
+/* Window Picker */
+.window-picker { spacing: 6px; }
+
+.window-caption { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; }
+
+.window-close, .screenshot-ui-close-button { background-color: rgba(252, 200, 180, 0.925); color: #1e1715; border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(30, 23, 21, 0.25); padding: 3px; height: 30px; width: 30px; transition-duration: 150ms; }
+
+.window-close StIcon, .screenshot-ui-close-button StIcon { icon-size: 24px; }
+
+.window-close:hover, .screenshot-ui-close-button:hover { background-color: #d0a594; }
+
+.window-close:active, .screenshot-ui-close-button:active { background-color: #a38174; }
+
+.workspace-background { border-radius: 30px; background-color: rgba(3, 2, 1, 0); box-shadow: 0 8px 24px 4px rgba(30, 23, 21, 0.25); }
+
+.search-entry { margin-top: 12px; margin-bottom: 6px; padding: 7px 9px; width: 320px; background-color: #1e1715; color: #fcc8b4; border: 1px solid #372b26; box-shadow: none; border-color: rgba(252, 200, 180, 0.25); }
+
+.search-entry:focus { background-color: #1e1715; border-color: #fcc8b4; color: #fcc8b4; box-shadow: inset 0 0 0 1px #fcc8b4; }
+
+.search-entry:insensitive { background-color: transparent; border-color: transparent; color: #927367; box-shadow: none; }
+
+.search-entry .search-entry-icon { color: inherit; icon-size: 16px; margin-top: 2px; padding: 0 4px; }
+
+/* Search */
+#searchResults { margin: 0 4px; }
+
+#searchResultsContent { max-width: 1072px; }
+
+.search-section { spacing: 18px; }
+
+.search-section .search-section-separator { height: 8px; background-color: transparent; }
+
+.search-section-content { background-color: rgba(30, 23, 21, 0.75); border-radius: 24px; border: 1px solid rgba(252, 200, 180, 0.075); color: #fcc8b4; padding: 12px; margin: 0 12px; }
+
+.list-search-result, .search-provider-icon { background-color: transparent; border-radius: 11px; }
+
+.list-search-result:hover, .search-provider-icon:hover { background-color: rgba(252, 200, 180, 0.075); }
+
+.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { background-color: rgba(252, 200, 180, 0.125); }
+
+.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { background-color: rgba(252, 200, 180, 0.15); }
+
+.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { background-color: rgba(252, 200, 180, 0.125); }
+
+.list-search-result:active, .search-provider-icon:active { background-color: rgba(252, 200, 180, 0.2); }
+
+.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { background-color: rgba(252, 200, 180, 0.2); }
+
+.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { background-color: rgba(252, 200, 180, 0.225); }
+
+.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { background-color: rgba(252, 200, 180, 0.25); }
+
+.list-search-result:drop, .search-provider-icon:drop { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+.grid-search-results { spacing: 30px; margin: 0 12px; }
+
+.search-provider-icon:ltr { margin-right: 4px; }
+
+.search-provider-icon:rtl { margin-left: 4px; }
+
+.search-provider-icon .list-search-provider-content { spacing: 12px; }
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; color: #fcc8b4; }
+
+.list-search-results { spacing: 6px; }
+
+.list-search-result .list-search-result-content { spacing: 6px; }
+
+.list-search-result .list-search-result-title { spacing: 12px; }
+
+.list-search-result .list-search-result-description { color: rgba(252, 200, 180, 0.5); }
+
+/* Dash */
+#dash { margin-top: 12px; }
+
+#dash .placeholder { background-image: none; background-size: contain; height: 32px; }
+
+#dash .empty-dash-drop-target { width: 32px; height: 32px; }
+
+#dash .app-well-app-running-dot { margin-bottom: 14px; background-color: #fcc8b4; }
+
+.dash-background { background-color: rgba(30, 23, 21, 0.75); border-radius: 28px; padding: 12px; spacing: 6px; margin-bottom: 12px; border: 1px solid rgba(252, 200, 180, 0.125); }
+
+.dash-item-container > * { margin: 0 2px; }
+
+.dash-item-container:ltr:first-child { margin-left: 0; }
+
+.dash-item-container:rtl:first-child { margin-right: 0; }
+
+.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { padding: 6px; }
+
+.dash-item-container .show-apps { transition-duration: 150ms; }
+
+.dash-item-container .show-apps .overview-icon { color: #fcc8b4; }
+
+.dash-item-container .show-apps .overview-icon { background-color: transparent; }
+
+.dash-item-container .show-apps:hover .overview-icon { background-color: rgba(252, 200, 180, 0.075); }
+
+.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.15); }
+
+.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.dash-item-container .show-apps:active .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.225); }
+
+.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.25); }
+
+.dash-item-container .show-apps:drop .overview-icon { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { padding-bottom: 12px; }
+
+.dash-separator { width: 1px; margin: 0 4px; background-color: rgba(252, 200, 180, 0.125); margin-bottom: 12px; }
+
+.dash-label { color: white; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 12px 15px; text-align: center; -y-offset: 8px; }
+
+#dash .app-well-app, #dash .grid-search-result, #dashtodockContainer .app-well-app, #dashtodockContainer .grid-search-result, #dashtopanelScrollview .app-well-app, #dashtopanelScrollview .grid-search-result, #zorintaskbarScrollview .app-well-app, #zorintaskbarScrollview .grid-search-result { transition-duration: 150ms; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { color: #fcc8b4; }
+
+#dash .app-well-app .overview-icon, #dash .grid-search-result .overview-icon, #dashtodockContainer .app-well-app .overview-icon, #dashtodockContainer .grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app .overview-icon, #dashtopanelScrollview .grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app .overview-icon, #zorintaskbarScrollview .grid-search-result .overview-icon { background-color: transparent; }
+
+#dash .app-well-app:hover .overview-icon, #dash .grid-search-result:hover .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .grid-search-result:hover .overview-icon, #dashtopanelScrollview .app-well-app:hover .overview-icon, #dashtopanelScrollview .grid-search-result:hover .overview-icon, #zorintaskbarScrollview .app-well-app:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:hover .overview-icon { background-color: rgba(252, 200, 180, 0.075); }
+
+#dash .app-well-app:selected .overview-icon, #dash .grid-search-result:selected .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .grid-search-result:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+#dash .app-well-app:selected .overview-icon:hover .overview-icon, #dash .grid-search-result:selected .overview-icon:hover .overview-icon, #dash .app-well-app:focus .overview-icon:hover .overview-icon, #dash .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.15); }
+
+#dash .app-well-app:selected .overview-icon:active .overview-icon, #dash .grid-search-result:selected .overview-icon:active .overview-icon, #dash .app-well-app:focus .overview-icon:active .overview-icon, #dash .grid-search-result:focus .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:selected .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:focus .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:selected .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:focus .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+#dash .app-well-app:active .overview-icon, #dash .grid-search-result:active .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .grid-search-result:active .overview-icon, #dashtopanelScrollview .app-well-app:active .overview-icon, #dashtopanelScrollview .grid-search-result:active .overview-icon, #zorintaskbarScrollview .app-well-app:active .overview-icon, #zorintaskbarScrollview .grid-search-result:active .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon, #dash .grid-search-result:outlined .overview-icon, #dash .app-well-app:checked .overview-icon, #dash .grid-search-result:checked .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+#dash .app-well-app:outlined .overview-icon:active .overview-icon, #dash .grid-search-result:outlined .overview-icon:active .overview-icon, #dash .app-well-app:checked .overview-icon:active .overview-icon, #dash .grid-search-result:checked .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:active .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:active .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:active .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:active .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.225); }
+
+#dash .app-well-app:outlined .overview-icon:hover .overview-icon, #dash .grid-search-result:outlined .overview-icon:hover .overview-icon, #dash .app-well-app:checked .overview-icon:hover .overview-icon, #dash .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon:hover .overview-icon, #dashtodockContainer .grid-search-result:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #dashtopanelScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #dashtopanelScrollview .grid-search-result:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:outlined .overview-icon:hover .overview-icon, #zorintaskbarScrollview .app-well-app:checked .overview-icon:hover .overview-icon, #zorintaskbarScrollview .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.25); }
+
+#dash .app-well-app:drop .overview-icon, #dash .grid-search-result:drop .overview-icon, #dashtodockContainer .app-well-app:drop .overview-icon, #dashtodockContainer .grid-search-result:drop .overview-icon, #dashtopanelScrollview .app-well-app:drop .overview-icon, #dashtopanelScrollview .grid-search-result:drop .overview-icon, #zorintaskbarScrollview .app-well-app:drop .overview-icon, #zorintaskbarScrollview .grid-search-result:drop .overview-icon { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+#dash .app-well-app:hover .dtp-container, #dash .grid-search-result:hover .dtp-container, #dash .app-well-app:selected .dtp-container, #dash .grid-search-result:selected .dtp-container, #dashtodockContainer .app-well-app:hover .dtp-container, #dashtodockContainer .grid-search-result:hover .dtp-container, #dashtodockContainer .app-well-app:selected .dtp-container, #dashtodockContainer .grid-search-result:selected .dtp-container, #dashtopanelScrollview .app-well-app:hover .dtp-container, #dashtopanelScrollview .grid-search-result:hover .dtp-container, #dashtopanelScrollview .app-well-app:selected .dtp-container, #dashtopanelScrollview .grid-search-result:selected .dtp-container, #zorintaskbarScrollview .app-well-app:hover .dtp-container, #zorintaskbarScrollview .grid-search-result:hover .dtp-container, #zorintaskbarScrollview .app-well-app:selected .dtp-container, #zorintaskbarScrollview .grid-search-result:selected .dtp-container { background-color: rgba(252, 200, 180, 0.125); }
+
+#dash .app-well-app:focus .dtp-container, #dash .grid-search-result:focus .dtp-container, #dash .app-well-app.focused .overview-icon, #dash .focused.grid-search-result .overview-icon, #dashtodockContainer .app-well-app:focus .dtp-container, #dashtodockContainer .grid-search-result:focus .dtp-container, #dashtodockContainer .app-well-app.focused .overview-icon, #dashtodockContainer .focused.grid-search-result .overview-icon, #dashtopanelScrollview .app-well-app:focus .dtp-container, #dashtopanelScrollview .grid-search-result:focus .dtp-container, #dashtopanelScrollview .app-well-app.focused .overview-icon, #dashtopanelScrollview .focused.grid-search-result .overview-icon, #zorintaskbarScrollview .app-well-app:focus .dtp-container, #zorintaskbarScrollview .grid-search-result:focus .dtp-container, #zorintaskbarScrollview .app-well-app.focused .overview-icon, #zorintaskbarScrollview .focused.grid-search-result .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+#dash .app-well-app:active .dtp-container, #dash .grid-search-result:active .dtp-container, #dash .app-well-app:checked .dtp-container, #dash .grid-search-result:checked .dtp-container, #dashtodockContainer .app-well-app:active .dtp-container, #dashtodockContainer .grid-search-result:active .dtp-container, #dashtodockContainer .app-well-app:checked .dtp-container, #dashtodockContainer .grid-search-result:checked .dtp-container, #dashtopanelScrollview .app-well-app:active .dtp-container, #dashtopanelScrollview .grid-search-result:active .dtp-container, #dashtopanelScrollview .app-well-app:checked .dtp-container, #dashtopanelScrollview .grid-search-result:checked .dtp-container, #zorintaskbarScrollview .app-well-app:active .dtp-container, #zorintaskbarScrollview .grid-search-result:active .dtp-container, #zorintaskbarScrollview .app-well-app:checked .dtp-container, #zorintaskbarScrollview .grid-search-result:checked .dtp-container { background-color: rgba(252, 200, 180, 0.2); }
+
+#dash .app-well-app-running-dot, #dashtodockContainer .app-well-app-running-dot, #dashtopanelScrollview .app-well-app-running-dot, #zorintaskbarScrollview .app-well-app-running-dot { background-color: #fcc8b4; }
+
+#dash .notification-badge, #dashtodockContainer .notification-badge, #dashtopanelScrollview .notification-badge, #zorintaskbarScrollview .notification-badge { color: #1e1715; background-color: #fb7c7c; background-gradient-direction: none; background-gradient-start: #ff5f5f; background-gradient-end: #ff929b; box-shadow: 0 2px 4px 0 rgba(251, 124, 124, 0.2); border-radius: 1em; font-weight: bold; text-align: center; }
+
+#dash .progress-bar, #dashtodockContainer .progress-bar, #dashtopanelScrollview .progress-bar, #zorintaskbarScrollview .progress-bar { -progress-bar-background: white; -progress-bar-border: white; }
+
+/* App Grid */
+.icon-grid { row-spacing: 12px; column-spacing: 12px; max-row-spacing: 42px; max-column-spacing: 42px; page-padding-top: 24px; page-padding-bottom: 24px; page-padding-left: 18px; page-padding-right: 18px; }
+
+/* App Icons */
+.app-well-app, .grid-search-result { transition-duration: 150ms; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { color: #fcc8b4; }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { background-color: transparent; }
+
+.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { background-color: rgba(252, 200, 180, 0.075); }
+
+.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.15); }
+
+.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.225); }
+
+.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.25); }
+
+.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+.app-well-app .overview-icon, .grid-search-result .overview-icon { padding: 12px; }
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { spacing: 6px; }
+
+.app-well-app.app-folder, .app-folder.grid-search-result { transition-duration: 150ms; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { color: #fcc8b4; }
+
+.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { background-color: rgba(252, 200, 180, 0.075); }
+
+.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.15); }
+
+.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.125); }
+
+.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { background-color: rgba(252, 200, 180, 0.2); }
+
+.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { background-color: rgba(252, 200, 180, 0.225); }
+
+.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { background-color: rgba(252, 200, 180, 0.25); }
+
+.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { border: 2px solid rgba(252, 200, 180, 0.8); background-color: rgba(252, 200, 180, 0.2); }
+
+.app-folder-dialog { border-radius: 32px; background-color: rgba(66, 51, 46, 0.875); }
+
+.app-folder-dialog .folder-name-container { padding: 24px 36px 0; spacing: 12px; /* FIXME: this is to keep the label in sync with the entry */ }
+
+.app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; }
+
+.app-folder-dialog .folder-name-container .folder-name-label { padding: 5px 7px; color: #fcc8b4; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button { padding: 0; width: 36px; height: 36px; border-radius: 99px; transition-duration: 150ms; color: #fcc8b4; background-color: #503e38; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { icon-size: 16px; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus { transition-duration: 150ms; color: #fcc8b4; background-color: #614c44; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover { background-color: #69534b; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:focus:active { background-color: #765d54; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7) !important; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover { transition-duration: 150ms; color: #fcc8b4; background-color: #59463f; box-shadow: 0 2px 4px rgba(30, 23, 21, 0.15); }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:active { transition-duration: 150ms; color: #fcc8b4; background-color: #675149; box-shadow: none; }
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked { transition-duration: 150ms; color: #1e1715; background-color: #fcc8b4; background-gradient-direction: none; background-gradient-start: #ffb498; background-gradient-end: #ffd5cb; box-shadow: none; }
+
+.app-folder-dialog .icon-grid { row-spacing: 12px; column-spacing: 30px; page-padding-top: 0; page-padding-bottom: 0; page-padding-left: 0; page-padding-right: 0; }
+
+.app-folder-dialog .page-indicators { margin-bottom: 18px; }
+
+.app-folder-dialog-container { padding: 12px; width: 720px; height: 720px; }
+
+.app-well-app-running-dot { height: 5px; width: 5px; border-radius: 5px; margin-bottom: 8px; background-color: #fcc8b4; }
+
+.rename-folder-popup .rename-folder-popup-item { spacing: 6px; }
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { padding: 0 12px; }
+
+.page-indicator { padding: 6px 12px 0; transition-duration: 400ms; }
+
+.page-indicator .page-indicator-icon { width: 10px; height: 10px; border-radius: 10px; background-color: #fcc8b4; }
+
+.apps-scroll-view { padding: 0; }
+
+.system-action-icon { background-color: #fcc8b4; color: #271e1b; border-radius: 99px; icon-size: 48px; }
+
+.page-navigation-hint.dnd { background: rgba(252, 200, 180, 0.1); }
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { background-gradient-start: rgba(252, 200, 180, 0.05); background-gradient-end: transparent; background-gradient-direction: horizontal; border-radius: 24px 0px 0px 24px; }
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { background-gradient-start: transparent; background-gradient-end: rgba(252, 200, 180, 0.05); background-gradient-direction: horizontal; border-radius: 0px 24px 24px 0px; }
+
+.page-navigation-arrow > StIcon { margin: 6px; padding: 18px; width: 24px; height: 24px; border-radius: 99px; color: #fcc8b4; }
+
+.page-navigation-arrow:insensitive > StIcon { transition-duration: 150ms; background-color: transparent; background-color: none; box-shadow: none; }
+
+.page-navigation-arrow:insensitive > StIcon:insensitive { transition-duration: 150ms; color: rgba(252, 200, 180, 0.5); background-color: transparent; box-shadow: none; background-color: transparent; color: rgba(30, 23, 21, 0.5); }
+
+.page-navigation-arrow:hover > StIcon { transition-duration: 150ms; color: #fcc8b4; background-color: #503e38; box-shadow: none; }
+
+.page-navigation-arrow:active > StIcon { transition-duration: 150ms; color: #fcc8b4; background-color: #59463f; box-shadow: 0 2px 4px rgba(30, 23, 21, 0.15); }
+
+/* Workspace pager */
+.workspace-thumbnails { visible-width: 32px; spacing: 6px; padding: 6px; }
+
+.workspace-thumbnails .workspace-thumbnail { border-radius: 8px; }
+
+.workspace-thumbnails .placeholder { background-image: url("assets/workspace-placeholder-dark.svg"); background-size: contain; width: 12px; }
+
+.workspace-thumbnail-indicator { border: 3px solid #fcc8b4; border-radius: 8px; padding: 0px; }
+
+.ripple-pointer-location { width: 50px; height: 50px; border-radius: 25px; background-color: rgba(255, 254, 254, 0.5); box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); }
+
+.pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; -pie-border-color: #fcc8b4; -pie-background-color: rgba(255, 255, 255, 0.5); }
+
+.magnifier-zoom-region { border: 2px solid #fcc8b4; }
+
+.magnifier-zoom-region.full-screen { border-width: 0; }
+
+.select-area-rubberband { background-color: rgba(252, 200, 180, 0.3); border: 1px solid #fcc8b4; }
+
+.user-icon { background-size: contain; color: #fcc8b4; border-radius: 99px; icon-size: 64px; }
+
+.user-icon:hover { color: rgba(252, 200, 180, 0.875); }
+
+.user-icon StIcon { background-color: rgba(252, 200, 180, 0.075); border-radius: 99px; padding: 12px; width: 40px; height: 40px; }
+
+.user-icon.user-avatar { border: none; }
+
+.user-widget.vertical .user-icon { icon-size: 96px; }
+
+.user-widget.vertical .user-icon StIcon { padding: 20px; padding-top: 18px; padding-bottom: 22px; width: 88px; height: 88px; }
+
+.lightbox { background-color: black; }
+
+.flashspot { background-color: white; }
+
+.hidden { color: rgba(0, 0, 0, 0); }
+
+.caps-lock-warning-label { text-align: center; padding-bottom: 8px; color: #faa483; font-weight: bold; }
+
+/* Workspace animation */
+.workspace-animation { background-color: #271e1b; background-image: url("assets/texture-dark.svg"); background-position: 0 0; background-repeat: repeat; }
+
+/* Tiled window previews */
+.tile-preview { background-color: rgba(252, 200, 180, 0.5); border: 1px solid #fcc8b4; }
+
+/* On-screen Keyboard */
+#keyboard { background-color: rgba(30, 23, 21, 0.9625); box-shadow: inset 0 1px 0 0 #372b26; }
+
+#keyboard .page-indicator { padding: 6px; }
+
+#keyboard .page-indicator .page-indicator-icon { width: 8px; height: 8px; }
+
+.key-container { padding: 4px; spacing: 4px; }
+
+.keyboard-key { font-size: 17pt; font-weight: bold; min-height: 1.2em; min-width: 1.2em; border: none; border-radius: 12px; box-shadow: none; transition-duration: 150ms; color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); }
+
+.keyboard-key:focus { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.keyboard-key:focus:hover { background-color: rgba(252, 200, 180, 0.2); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.keyboard-key:focus:active { background-color: rgba(252, 200, 180, 0.275); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.keyboard-key:hover { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); }
+
+.keyboard-key:active { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.275); }
+
+.keyboard-key:checked { color: #1e1715; background-color: #fcc8b4; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.keyboard-key:grayed { background-color: rgba(252, 200, 180, 0.25); color: #927367; }
+
+.keyboard-key.default-key { color: #fcc8b4; background-color: rgba(141, 111, 101, 0.125); border-radius: 12px; }
+
+.keyboard-key.default-key:hover { color: #fcc8b4; background-color: rgba(141, 111, 101, 0.2); }
+
+.keyboard-key.default-key:active { color: #fcc8b4; background-color: rgba(141, 111, 101, 0.275); }
+
+.keyboard-key.default-key:checked { color: #1e1715; background-color: #fcc8b4; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.keyboard-key.default-key:latched { background-color: #fcc8b4; color: #1e1715; border-color: transparent; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.keyboard-key.enter-key { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); border-radius: 12px; color: #fcc8b4; }
+
+.keyboard-key.enter-key:hover { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); }
+
+.keyboard-key.enter-key:active { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.275); }
+
+.keyboard-key.enter-key:checked { color: #1e1715; background-color: #fcc8b4; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.keyboard-key.shift-key-uppercase { background-color: #fcc8b4; color: #1e1715; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.keyboard-key.shift-key-uppercase:hover { background-color: #ffd5cb; color: #1e1715; }
+
+.keyboard-key StIcon { icon-size: 24px; }
+
+.keyboard-subkeys { -arrow-border-radius: 16px; -arrow-background-color: rgba(30, 23, 21, 0.925); -arrow-border-width: 1px; -arrow-border-color: #372b26; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 6px; padding: 6px; }
+
+.keyboard-subkeys .keyboard-key { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); border-radius: 12px; }
+
+.keyboard-subkeys .keyboard-key:focus { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.keyboard-subkeys .keyboard-key:focus:hover { background-color: rgba(252, 200, 180, 0.2); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.keyboard-subkeys .keyboard-key:focus:active { background-color: rgba(252, 200, 180, 0.275); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.keyboard-subkeys .keyboard-key:hover { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); }
+
+.keyboard-subkeys .keyboard-key:active { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.275); }
+
+.keyboard-subkeys .keyboard-key:checked { color: #1e1715; background-color: #fcc8b4; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+.emoji-page .keyboard-key { background-color: transparent; border: none; color: initial; }
+
+.emoji-panel .keyboard-key:latched { border-color: #fcc8b4; background-color: #fcc8b4; }
+
+.word-suggestions { font-size: 11pt; spacing: 12px; min-height: 17pt; padding: 12px; color: #fcc8b4; }
+
+.word-suggestions StButton { margin: 0 3px; min-width: 32px; border-radius: 6px; padding: 0px 18px; background-color: transparent; background-image: none; }
+
+.word-suggestions StButton:focus { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.word-suggestions StButton:focus:hover { background-color: rgba(252, 200, 180, 0.2); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.word-suggestions StButton:focus:active { background-color: rgba(252, 200, 180, 0.275); box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.7); }
+
+.word-suggestions StButton:hover { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.2); }
+
+.word-suggestions StButton:active { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.275); }
+
+.word-suggestions StButton:checked { color: #1e1715; background-color: #fcc8b4; box-shadow: 0 4px 8px rgba(252, 200, 180, 0.2); }
+
+/* Looking Glass */
+#LookingGlassDialog { background-color: rgba(30, 23, 21, 0.925); border-radius: 16px; border: 1px solid rgba(252, 200, 180, 0.075); color: #fcc8b4; padding: 6px; spacing: 6px; box-shadow: 0 6px 12px rgba(30, 23, 21, 0.25); }
+
+#LookingGlassDialog > #Toolbar { border: none; padding: 6px; border-radius: 0; background-color: transparent; spacing: 6px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button { padding: 6px 12px; }
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { icon-size: 16px; }
+
+#LookingGlassDialog .labels { spacing: 6px; }
+
+#LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 12px; font-weight: bold; padding: 6px 12px; color: #fcc8b4; transition-duration: 150ms; box-shadow: none; border: none; border-radius: 6px; background-color: transparent; }
+
+#LookingGlassDialog .notebook-tab:hover { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.075); }
+
+#LookingGlassDialog .notebook-tab:selected { color: #fcc8b4; background-color: rgba(252, 200, 180, 0.125); }
+
+#LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 6px; padding: 6px; }
+
+#LookingGlassDialog StBoxLayout#ResultsArea { spacing: 6px; padding: 6px; }
+
+.lg-dialog StEntry { min-height: 22px; selection-background-color: #fcc8b4; selected-color: #1e1715; }
+
+.lg-dialog .shell-link { color: #feece5; }
+
+.lg-dialog .shell-link:hover { color: white; }
+
+.lg-dialog .shell-link:active { color: #fcc8b4; }
+
+.lg-dialog .actor-link { color: #927367; }
+
+.lg-dialog .actor-link:hover { color: #a88e84; }
+
+.lg-dialog .actor-link:active { color: #745b52; }
+
+.lg-dialog .actor-link StIcon { icon-size: 12px; }
+
+.lg-completions-text { font-style: italic; }
+
+.lg-obj-inspector-title { spacing: 6px; }
+
+.lg-obj-inspector-button { border: 1px solid rgba(252, 200, 180, 0.25); padding: 4px; border-radius: 8px; }
+
+.lg-obj-inspector-button:hover { border: 1px solid #ffffff; }
+
+#lookingGlassExtensions { padding: 6px; }
+
+.lg-extensions-list { padding: 6px; spacing: 6px; }
+
+.lg-extension { border: 1px solid rgba(252, 200, 180, 0.25); padding: 12px; border-radius: 8px; margin: 4px; color: #fcc8b4; background-color: #1e1715; }
+
+.lg-extension:focus { background-color: #342925; box-shadow: inset 0 0 0 2px rgba(252, 200, 180, 0.6); }
+
+.lg-extension:hover { color: #fcc8b4; background-color: #372b26; }
+
+.lg-extension:active { color: #fcc8b4; background-color: #42332e; }
+
+.lg-extension-meta { spacing: 6px; }
+
+#LookingGlassPropertyInspector { background: rgba(30, 23, 21, 0.925); border: 1px solid rgba(252, 200, 180, 0.25); border-radius: 8px; padding: 6px; }
+
+.lg-debug-flag-button { color: #fcc8b4; }
+
+.lg-debug-flag-button StLabel { padding: 6px, 12px; }
+
+.lg-debug-flag-button:hover { color: #fffefe; }
+
+.lg-debug-flag-button:active { color: #f9926b; }
+
+.lg-debug-flags-header { padding-top: 12px; padding: 6px; }
+
+/* Login Dialog */
+.login-dialog-banner-view { padding-top: 24px; max-width: 23em; }
+
+.login-dialog, .unlock-dialog { border: none; background-color: transparent; color: white; }
+
+.login-dialog StEntry, .unlock-dialog StEntry { border: 1px solid transparent; border-radius: 8px; color: white; background-color: rgba(255, 255, 255, 0.075); box-shadow: none; transition-duration: 150ms; }
+
+.login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
+
+.login-dialog StEntry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text { color: rgba(255, 255, 255, 0.667); }
+
+.login-dialog StEntry:hover, .unlock-dialog StEntry:hover { background-color: rgba(255, 255, 255, 0.125); border-color: transparent; box-shadow: none; }
+
+.login-dialog StEntry:focus, .unlock-dialog StEntry:focus { background-color: rgba(255, 255, 255, 0.125); border-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button-box, .unlock-dialog .modal-dialog-button-box { spacing: 3px; }
+
+.login-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button { padding: 4px 18px; box-shadow: none; background-color: rgba(255, 255, 255, 0.075); border: none; color: white; transition-duration: 150ms; }
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { box-shadow: none; background-color: rgba(255, 255, 255, 0.125); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { box-shadow: none; background-color: rgba(255, 255, 255, 0.2); border-color: transparent; }
+
+.login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { box-shadow: none; border-color: transparent; background-color: transparent; color: rgba(255, 255, 255, 0.5); }
+
+.login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { background-color: white; color: #1e1715; border-color: transparent; font-weight: bold; }
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { background-color: #e6e6e6; color: #1e1715; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { background-color: #cccccc; color: #1e1715; border-color: transparent; }
+
+.login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { background-color: transparent; color: rgba(255, 255, 255, 0.5); border-color: transparent; }
+
+.login-dialog .cancel-button, .login-dialog .switch-user-button, .login-dialog .login-dialog-session-list-button, .unlock-dialog .cancel-button, .unlock-dialog .switch-user-button, .unlock-dialog .login-dialog-session-list-button { padding: 0; border-radius: 99px; width: 32px; height: 32px; border-color: transparent; background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog .cancel-button StIcon, .login-dialog .switch-user-button StIcon, .login-dialog .login-dialog-session-list-button StIcon, .unlock-dialog .cancel-button StIcon, .unlock-dialog .switch-user-button StIcon, .unlock-dialog .login-dialog-session-list-button StIcon { icon-size: 16px; }
+
+.login-dialog .caps-lock-warning-label, .login-dialog .login-dialog-message-warning, .unlock-dialog .caps-lock-warning-label, .unlock-dialog .login-dialog-message-warning { color: white; }
+
+.login-dialog .user-icon, .unlock-dialog .user-icon { color: white; }
+
+.login-dialog .user-icon:hover, .unlock-dialog .user-icon:hover { color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog .user-icon StIcon, .unlock-dialog .user-icon StIcon { background-color: rgba(255, 255, 255, 0.075); }
+
+.login-dialog-logo-bin { padding: 24px 0px; }
+
+.login-dialog-banner { color: rgba(255, 255, 255, 0.875); }
+
+.login-dialog-button-box { width: 23em; spacing: 5px; }
+
+.login-dialog-message { text-align: center; }
+
+.login-dialog-user-selection-box { padding: 100px 0px; }
+
+.login-dialog-not-listed-label { padding-left: 2px; }
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: white; }
+
+.login-dialog-not-listed-label { font-weight: bold; color: rgba(255, 255, 255, 0.75); padding-top: 1em; }
+
+.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-auth-list { spacing: 6px; margin-left: 2em; }
+
+.login-dialog-auth-list-title { margin-left: 2em; }
+
+.login-dialog-auth-list-item { border-radius: 12px; padding: 6px; color: rgba(255, 255, 255, 0.75); }
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { background-color: white; color: #1e1715; }
+
+.login-dialog-auth-list-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.login-dialog-auth-list-label:ltr { padding-left: 14px; text-align: left; }
+
+.login-dialog-auth-list-label:rtl { padding-right: 14px; text-align: right; }
+
+.login-dialog-user-list-view { -st-vfade-offset: 1em; }
+
+.login-dialog-user-list { spacing: 12px; width: 23em; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { background-color: rgba(255, 255, 255, 0.125); color: white; }
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid white; }
+
+.login-dialog-user-list-item { border-radius: 12px; padding: 6px; color: white; }
+
+.login-dialog-user-list-item:ltr .user-widget { padding-right: 1em; }
+
+.login-dialog-user-list-item:rtl .user-widget { padding-left: 1em; }
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin-top: 6px; background-color: white; }
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #271e1b; }
+
+.user-widget-label { color: white; }
+
+.user-widget.horizontal .user-widget-label { font-size: 12pt; font-weight: bold; padding-left: 15px; }
+
+.user-widget.horizontal .user-widget-label:ltr { padding-left: 14px; text-align: left; }
+
+.user-widget.horizontal .user-widget-label:rtl { padding-right: 14px; text-align: right; }
+
+.user-widget.vertical .user-widget-label { font-size: 15pt; text-align: center; font-weight: normal; padding-top: 16px; }
+
+.login-dialog-timed-login-indicator { height: 2px; background-color: rgba(255, 255, 255, 0.6); }
+
+.login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 12px; width: 23em; }
+
+.login-dialog-prompt-entry { height: 1.5em; }
+
+.login-dialog-prompt-label { color: rgba(255, 255, 255, 0.8); font-size: 11pt; padding-top: 1em; }
+
+/* Screen Shield */
+.unlock-dialog-clock { color: white; font-weight: 300; text-align: center; spacing: 24px; padding-bottom: 2.5em; }
+
+.unlock-dialog-clock-time { font-size: 64pt; padding-top: 42px; }
+
+.unlock-dialog-clock-date { font-size: 16pt; font-weight: normal; }
+
+.unlock-dialog-clock-hint { font-weight: normal; padding-top: 48px; color: rgba(255, 255, 255, 0.5); }
+
+.unlock-dialog-notifications-container { margin: 12px; spacing: 6px; width: 23em; background-color: transparent; }
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; }
+
+.unlock-dialog-notifications-container .notification, .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 16px; border: none; background-color: rgba(255, 255, 255, 0.125); color: white; border-radius: 16px; }
+
+.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { background-color: rgba(255, 255, 255, 0.2); }
+
+.unlock-dialog-notification-label { padding-left: 12px; padding-right: 0; }
+
+.unlock-dialog-notification-label:rtl { padding-right: 12px; padding-left: 0; }
+
+.unlock-dialog-notification-count-text { font-weight: bold; padding: 0 12px; color: white; background-color: rgba(255, 255, 255, 0.125); border-radius: 99px; }
+
+.screen-shield-background { background: black; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
+
+#lockDialogGroup { background: url("assets/login-background.png"); background-size: cover; }
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { background-color: rgba(39, 30, 27, 0.5); }
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { background-color: rgba(39, 30, 27, 0.6); }
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { background-color: rgba(39, 30, 27, 0.7); }
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/pad-osd.css b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/pad-osd.css
new file mode 100644
index 000000000..e0c904847
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/pad-osd.css
@@ -0,0 +1,29 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/process-working.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/process-working.svg
new file mode 100644
index 000000000..c8af4ceb2
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gnome-shell/process-working.svg
@@ -0,0 +1,3084 @@
+
+
+
+
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-2.0/gtkrc b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-2.0/gtkrc
new file mode 100644
index 000000000..20f2c2b91
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,706 @@
+gtk_color_scheme = "fg_color:#fcc8b4\nbg_color:#271e1b\nbase_color:#1e1715\ntext_color:#fcc8b4\nselected_bg_color:#fcc8b4\nselected_fg_color:#1e1715\ntooltip_bg_color:#000\ntooltip_fg_color:#fff\npanel_bg_color:#271e1b\npanel_fg_color:#fcc8b4"
+
+# Comment the following line for large buttons
+gtk-icon-sizes = "gtk-button=16,16"
+
+style "murrine-default"
+{
+ ########
+ # Style Properties
+ ########
+ GtkButton ::child-displacement-x = 0
+ GtkButton ::child-displacement-y = 0
+ GtkButton ::default-border = { 0, 0, 0, 0 }
+ GtkCheckButton ::indicator-size = 16
+
+ GtkPaned ::handle-size = 6
+
+ GtkRange ::trough-border = 0
+ GtkRange ::slider-width = 8
+ GtkRange ::stepper-size = 8
+
+ GtkScale ::slider-length = 20
+ GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
+ GtkScrollbar ::min-slider-length = 35
+ GtkScrollbar ::has-backward-stepper = 0
+ GtkScrollbar ::has-forward-stepper = 0
+
+ GtkMenuBar ::internal-padding = 0
+ GtkExpander ::expander-size = 16
+ GtkToolbar ::internal-padding = 4
+ GtkTreeView ::expander-size = 14
+ GtkTreeView ::vertical-separator = 0
+ GtkTreeView::odd-row-color = mix(0.5, @bg_color, @base_color)
+ GtkTreeView::even-row-color = @base_color
+
+ GtkMenu ::horizontal-padding = 0
+ GtkMenu ::vertical-padding = 4
+
+ GtkProgressBar ::min-vertical-bar-width = 4
+ GtkProgressBar ::min-horizontal-bar-height = 4
+
+ # Glow the tasklist by changing the color, instead of overlaying it with a rectangle
+ #WnckTasklist ::fade-overlay-rect = 0
+
+ #GtkScrolledWindow::scrollbar-spacing = 1 # This sets the spacing between scrollbars.
+
+# GtkToolbar :: shadow-type = GTK_SHADOW_NONE
+ GtkMenuBar :: shadow-type = GTK_SHADOW_NONE
+
+ GtkWidget :: link-color = @selected_bg_color
+ GtkWidget :: visited-link-color = shade (0.9, @selected_bg_color)
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.065, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade(0.935, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.93, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = @bg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[ACTIVE] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+
+ engine "murrine"
+ {
+ arrowstyle = 2 #to draw filled arrows.
+ animation = TRUE # FALSE = disabled, TRUE = enabled
+ focusstyle = 1
+ colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
+ contrast = 0.5 # 0.8 for less contrast, more than 1.0 for more contrast on borders
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
+ gradient_shades = {1.0, 1.0, 1.0, 1.0} # default: {1.1,1.0,1.0,1.1}
+ highlight_shade = 1.0 # set highlight amount for buttons or widgets
+ lightborder_shade = 1.0 # sets lightborder amount for buttons or widgets
+ lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = nothing, 1 = dotted
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
+ shadow_shades = { 2.0, 0.3 }
+ rgba = FALSE # FALSE = disabled, TRUE = enabled
+ roundness = 8 # 0 = squared, 1 = old default, more will increase roundness
+ scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = nothing added, 1 = handles
+ stepperstyle = 0 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
+# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
+ toolbarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient
+ progressbarstyle = 0
+ }
+}
+
+style "murrine-wide"
+{
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider"
+{
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-entry" = "murrine-wider"{
+
+ bg[SELECTED] = @selected_bg_color
+ bg[NORMAL] = shade(0.7,@bg_color)
+
+ fg[NORMAL] = @fg_color
+ fg[SELECTED] = @fg_color
+
+ base[NORMAL] = @base_color
+
+ engine "murrine" {
+ contrast = 0.0
+ reliefstyle = 0
+ roundness = 8
+ focusstyle = 1
+ shadow_shades = { 0.0, 0.0 }
+ border_shades = { 1.3, 1.3}
+ }
+}
+
+style "murrine-separator"{
+
+ engine "murrine" {
+ contrast = 0.5
+ }
+}
+
+style "murrine-button" = "murrine-wider"{
+
+ bg[ACTIVE] = mix(0.8,@bg_color,@fg_color)
+ bg[NORMAL] = mix(0.925,@bg_color,@fg_color)
+ bg[PRELIGHT] = mix(0.875,@bg_color,@fg_color)
+ bg[SELECTED] = mix(0.6,@bg_color,@selected_bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 8
+ }
+}
+
+style "murrine-notebook"
+{
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+
+ xthickness = 5
+ ythickness = 2
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "murrine-tasklist" = "murrine-wide"
+{
+}
+
+style "murrine-menubar"
+{
+
+ bg[NORMAL] = @bg_color
+ fg[NORMAL] = @fg_color
+engine "murrine" {
+ contrast = 0.5
+ lightborder_shade = 1.0
+ }
+
+}
+
+style "murrine-menu" = "murrine-wider"
+{
+
+ xthickness = 4
+ ythickness = 0
+
+ bg[NORMAL] = @base_color
+
+
+ engine "murrine" {
+ contrast = 0.0
+ }
+
+}
+
+style "murrine-menu-item"
+{
+
+ xthickness = 0
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.1,@fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+ bg[SELECTED] = mix(0.1,@fg_color, @base_color)
+ fg[SELECTED] = @fg_color
+
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ base[NORMAL] = @bg_color # Color for menu-item radio/checks background.
+
+engine "murrine"
+ {
+ contrast = 0.0
+ roundness = 8
+
+ }
+}
+
+style "murrine-menubar-item" = "murrine-menu-item"
+{
+ bg[SELECTED] = mix(0.1,@fg_color, @bg_color)
+ bg[PRELIGHT] = mix(0.1,@fg_color, @bg_color)
+ fg[SELECTED] = @fg_color
+ fg[PRELIGHT] = @fg_color
+
+}
+
+# Ugly hack to avoid the height problem with murrine's separators
+# Based on default clearlooks
+style "murrine-separator-menu-item"
+{
+ GtkSeparatorMenuItem::horizontal-padding = 8
+ # We are setting the desired height by using wide-separators
+ # There is no other way to get the odd height ...
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 8
+ xthickness = 0
+ ythickness = 1
+ bg[NORMAL] = @bg_color
+
+ engine "murrine" { contrast = 0.5 }
+}
+
+style "murrine-treeview"
+{
+}
+
+style "murrine-treeview-header" = "murrine-default"
+{
+
+}
+
+style "murrine-frame-title"
+{
+engine "murrine" {
+ contrast = 2.0
+ }
+}
+
+style "murrine-tooltips" = "murrine-wider"
+{
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+}
+
+
+style "murrine-progressbar"
+{
+ xthickness = 0
+ ythickness = 0
+
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 2
+ roundness = 9999
+ }
+
+
+}
+
+style "murrine-statusbar"
+{
+}
+
+style "murrine-comboboxentry"
+{
+}
+
+style "murrine-spinbutton"
+{
+ bg[NORMAL] = @bg_color
+ bg[SELECTED] = @bg_color
+
+ engine "murrine"{
+ border_shades = { 0.9, 0.9}
+ }
+
+}
+
+style "murrine-scale"
+{
+ GtkRange ::slider-width = 14
+ GtkScale ::slider-length = 14
+ GtkScale ::trough-side-details = 1
+
+ bg[NORMAL] = @selected_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[ACTIVE] = mix(0.075,@fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+
+
+
+ engine "murrine"
+ {
+ contrast = 0.0
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ roundness = 9999
+ }
+}
+
+
+style "murrine-hscale"
+{
+}
+
+style "murrine-vscale"
+{
+}
+
+style "murrine-scrollbar"
+{
+ bg[SELECTED] = mix (0.5,@fg_color, @bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ gradient_shades = {1.0,1.0,1.0,1.0}
+ highlight_shade = 1.0
+ glow_shade = 1.0
+ reliefstyle = 1
+ gradient_colors = FALSE
+ lightborder_shade = 1.0
+ lightborderstyle = 1
+ contrast = 0.5
+ }
+
+
+}
+
+style "murrine-hscrollbar"
+{
+}
+
+style "murrine-vscrollbar"
+{
+}
+
+style "murrine-nautilus-location"
+{
+ bg[NORMAL] = @bg_color
+}
+
+style "murrine-radiocheck"
+{
+ text[NORMAL] = @fg_color # Text in window
+ text[PRELIGHT] = @fg_color # Text on Mouseover
+ text[ACTIVE] = @fg_color # Text on click
+
+ bg[SELECTED] = @base_color
+
+}
+
+style "murrine-panel"
+ {
+ xthickness = 1
+ ythickness = 1
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = shade (0.1, @panel_fg_color)
+ bg[SELECTED] = shade (0.1, @panel_fg_color)
+ bg[ACTIVE] = shade (0.2, @panel_fg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = @panel_fg_color
+ fg[SELECTED] = @panel_fg_color
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = @panel_fg_color
+ base[SELECTED] = @panel_fg_color
+ base[ACTIVE] = @panel_fg_color
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = @panel_fg_color
+ text[SELECTED] = @panel_fg_color
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] =mix(0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ reliefstyle = 0
+ border_shades = { 1.0, 1.0 }
+ lightborder_shade = 0.0
+ lightborderstyle = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 80
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = shade(1.5, @tooltip_bg_color)
+ XfdesktopIconView::selected-shadow-color = shade(1.8, @tooltip_bg_color)
+ XfdesktopIconView::shadow-blur-radius = 1
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+
+ base[NORMAL] = @selected_bg_color
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+
+ engine "murrine" {
+ textstyle = 5
+ text_shade = 0.05
+ }
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 0
+ Xfwm4TabwinWidget::icon-size = 64
+
+ engine "murrine" {
+ focusstyle = 0
+ }
+}
+
+style "xfsm-logout" {
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbar" {
+
+ bg[NORMAL] = @bg_color
+ engine "murrine" {
+ contrast = 1.0
+ highlight_shade = 1.0
+ }
+}
+
+widget "*WnckPager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+
+
+#########################################
+# Matches
+#########################################
+
+# Theme radio buttons and checkmarks
+class "GtkRadio*" style "murrine-radiocheck"
+class "GtkCheck*" style "murrine-radiocheck"
+
+# Keep proper colour for Metacity
+class "MetaFrames" style "murrine-default"
+class "GtkWindow" style "murrine-default"
+
+# Theme default style is applied to every widget
+class "GtkWidget" style "murrine-default"
+
+# Increase the x/ythickness in some widgets
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkRange" style "murrine-wide"
+class "GtkFrame" style "murrine-wide"
+class "GtkSeparator" style "murrine-separator"
+class "GtkEntry" style "murrine-entry"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+# General matching following, the order is choosen so that the right styles override each other
+# eg. progressbar needs to be more important then the menu match.
+
+# This is not perfect, it could be done better
+# (That is modify *every* widget in the notebook, and change those back that
+# we really don't want changed)
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "**" style "murrine-notebook"
+widget_class "***" style "notebook_viewport"
+widget_class "*" style "murrine-button"
+widget_class "*" style "murrine-notebook"
+widget_class "**" style "murrine-statusbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menubar"
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "*MenuBar.*" style "murrine-menubar-item"
+widget_class "**" style "murrine-separator-menu-item"
+
+widget_class "*.." style "murrine-frame-title"
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.**" style "murrine-default" # To ensure listview header text colours are correct
+
+widget_class "*" style "murrine-progressbar"
+
+# Treeview header
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+# Workarounds for Evolution
+widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
+widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
+
+# The window of the tooltip is called "gtk-tooltip"
+################################
+# FIXME:
+# This will not work if one embeds eg. a button into the tooltip.
+# As far as I can tell right now we will need to rework the theme
+# quite a bit to get this working correctly.
+# (It will involve setting different priorities, etc.)
+################################
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+###################################################
+# Special cases and work arounds
+###################################################
+
+# Special case the nautilus-extra-view-widget
+# ToDo: A more generic approach for all applications that have a widget like this.
+widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
+
+# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
+# Note that the work around assumes that the combobox is _not_ in
+# appears-as-list mode.
+# Similar hack also in the menuitem style.
+# This style does not affect GtkComboBoxEntry, it does have an effect
+# on comboboxes in appears-as-list mode though.
+style "murrine-combobox-text-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+widget_class "*.." style "murrine-combobox-text-color-workaround"
+
+style "murrine-menuitem-text-is-fg-color-workaround"
+{
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+ text[ACTIVE] = @fg_color
+ text[SELECTED] = @fg_color
+ text[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
+
+# Work around the usage of GtkLabel inside GtkListItems to display text.
+# This breaks because the label is shown on a background that is based on the
+# base color set.
+style "murrine-fg-is-text-color-workaround"
+{
+ bg[SELECTED] = @selected_bg_color
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5,@bg_color, @fg_color)
+}
+
+widget_class "**" style "murrine-fg-is-text-color-workaround"
+
+# The same problem also exists for GtkCList and GtkCTree
+# Only match GtkCList and not the parent widgets, because that would also change the headers.
+widget_class "*" style "murrine-fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround"
+{
+
+ engine "murrine"
+ {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+# Theme panel elements
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel" # workaround for Fast User Switch applet
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*Mail*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
diff --git a/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-3.0/assets/bullet-symbolic.svg b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 000000000..c0299734f
--- /dev/null
+++ b/oreon-shell-theme/oreon-shell-theme/oreon-shell-theme/OreonOrange-Dark/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+