diff --git a/gtk/.config/gtk-2.0/apps.rc b/gtk/.config/gtk-2.0/apps.rc
new file mode 120000
index 0000000..8cd3764
--- /dev/null
+++ b/gtk/.config/gtk-2.0/apps.rc
@@ -0,0 +1 @@
+/home/owen/.themes/Vague/gtk-2.0/apps.rc
\ No newline at end of file
diff --git a/gtk/.config/gtk-2.0/hacks.rc b/gtk/.config/gtk-2.0/hacks.rc
new file mode 120000
index 0000000..3517a32
--- /dev/null
+++ b/gtk/.config/gtk-2.0/hacks.rc
@@ -0,0 +1 @@
+/home/owen/.themes/Vague/gtk-2.0/hacks.rc
\ No newline at end of file
diff --git a/gtk/.config/gtk-2.0/main.rc b/gtk/.config/gtk-2.0/main.rc
new file mode 120000
index 0000000..452892e
--- /dev/null
+++ b/gtk/.config/gtk-2.0/main.rc
@@ -0,0 +1 @@
+/home/owen/.themes/Vague/gtk-2.0/main.rc
\ No newline at end of file
diff --git a/gtk/.config/gtk-3.0/bookmarks b/gtk/.config/gtk-3.0/bookmarks
new file mode 100644
index 0000000..1af4503
--- /dev/null
+++ b/gtk/.config/gtk-3.0/bookmarks
@@ -0,0 +1,6 @@
+file:///home/owen/documents
+file:///home/owen/dotfiles
+file:///home/owen/downloads
+file:///home/owen/media
+file:///home/owen/programming
+file:///home/owen/walls
diff --git a/gtk/.config/gtk-3.0/gtk.css b/gtk/.config/gtk-3.0/gtk.css
new file mode 120000
index 0000000..1ddc539
--- /dev/null
+++ b/gtk/.config/gtk-3.0/gtk.css
@@ -0,0 +1 @@
+/home/owen/.themes/Vague/gtk-3.0/gtk.css
\ No newline at end of file
diff --git a/gtk/.config/gtk-3.0/settings.ini b/gtk/.config/gtk-3.0/settings.ini
deleted file mode 100644
index 29322c1..0000000
--- a/gtk/.config/gtk-3.0/settings.ini
+++ /dev/null
@@ -1,2 +0,0 @@
-[Settings]
-gtk-application-prefer-dark-theme=1
diff --git a/gtk/.config/gtk-4.0/gtk.css b/gtk/.config/gtk-4.0/gtk.css
new file mode 120000
index 0000000..c87d738
--- /dev/null
+++ b/gtk/.config/gtk-4.0/gtk.css
@@ -0,0 +1 @@
+/home/owen/.themes/Vague/gtk-4.0/gtk.css
\ No newline at end of file
diff --git a/gtk/.themes/Vague/cinnamon/cinnamon.css b/gtk/.themes/Vague/cinnamon/cinnamon.css
new file mode 100644
index 0000000..5b0480b
--- /dev/null
+++ b/gtk/.themes/Vague/cinnamon/cinnamon.css
@@ -0,0 +1,2339 @@
+stage {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.label-shadow {
+  color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+  min-height: 24px;
+  padding: 5px 32px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.6);
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.sound-button:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.26);
+  border-radius: 6px;
+}
+
+.sound-button:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.26);
+  border-radius: 6px;
+}
+
+.sound-button:insensitive {
+  color: rgba(20, 20, 21, 0.38);
+  background-color: rgba(20, 20, 21, 0.04);
+  border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.6);
+  background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.26);
+  border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+  color: rgba(20, 20, 21, 0.3);
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  min-height: 24px;
+  padding: 6px 30px;
+  transition-duration: 100ms;
+  border-radius: 6px;
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+  color: #7e98e8;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+  color: rgba(232, 232, 238, 0.32);
+  background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+  padding: 3px 12px;
+  min-height: 24px;
+  caret-size: 1px;
+  selection-background-color: #7e98e8;
+  selected-color: #e8e8ee;
+  transition-duration: 300ms;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.87);
+  border: 2px solid transparent;
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+  border: 2px solid #7e98e8;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+  border: 2px solid transparent;
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.38);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #e0a363;
+  padding: 0 6px;
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+  padding: 8px;
+}
+
+StScrollView StScrollBar {
+  min-width: 5px;
+  min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+  background-color: rgba(232, 232, 238, 0.1);
+  border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(160, 160, 164, 0.948);
+  border: 0px solid;
+  margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: rgba(179, 179, 184, 0.961);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #7e98e8;
+}
+
+.separator {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0);
+  -gradient-end: rgba(0, 0, 0, 0);
+  -margin-horizontal: 1.5em;
+  height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+  -slider-height: 4px;
+  -slider-background-color: rgba(20, 20, 21, 0.12);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #7e98e8;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 4px;
+  height: 18px;
+  min-width: 15em;
+  border: 0 solid transparent;
+  border-right-width: 1px;
+  border-left-width: 5px;
+  color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: .2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.check-box StLabel {
+  font-weight: normal;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: .2em;
+  min-height: 30px;
+  padding-top: 2px;
+}
+
+.radiobutton StLabel {
+  padding-top: 4px;
+  font-size: 0.9em;
+  box-shadow: none;
+}
+
+.radiobutton StBin {
+  width: 24px;
+  height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+  background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+  background-image: url("assets/radiobutton.svg");
+}
+
+.toggle-switch {
+  width: 46px;
+  height: 24px;
+  background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.cinnamon-link {
+  color: #8caaee;
+  text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+  color: #b8cbf5;
+}
+
+#Tooltip {
+  border-radius: 12px;
+  padding: 6px 12px;
+  background-color: rgba(16, 16, 20, 0.9);
+  color: #e8e8ee;
+  margin: 6px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
+  font-size: 1em;
+  font-weight: normal;
+  text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+  padding: 0;
+  color: rgba(20, 20, 21, 0.87);
+  border-radius: 12px;
+  margin: 6px;
+  box-shadow: none;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+  border-radius: 6px;
+  background-gradient-direction: none;
+  box-shadow: none;
+  background-color: rgba(215, 215, 221, 0.987);
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+  padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+  border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+  padding: 6px;
+  border-radius: 12px;
+  background-color: #e8e8ee;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+  padding: 6px 12px;
+  spacing: 12px;
+  border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+  color: rgba(20, 20, 21, 0.38);
+  background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(20, 20, 21, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.menu-icon,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(0, 0, 0, 0);
+  -arrow-border-width: 0;
+  -arrow-border-color: rgba(0, 0, 0, 0);
+  -arrow-base: 0;
+  -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+  padding: 6px;
+}
+
+.popup-combobox-item {
+  spacing: 1em;
+}
+
+.popup-separator-menu-item {
+  -gradient-height: 0;
+  -gradient-start: transparent;
+  -gradient-end: transparent;
+  -margin-horizontal: 1.5em;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border-color: rgba(20, 20, 21, 0.12);
+  border-bottom-width: 0;
+  border-bottom-style: solid;
+  background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-weight: normal;
+}
+
+.popup-device-menu-item {
+  spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+  font-weight: normal;
+}
+
+.nm-menu-item-icons {
+  spacing: .5em;
+}
+
+#panel {
+  font-weight: bold;
+  height: 34px;
+  width: 40px;
+}
+
+#panel:highlight {
+  border-image: none;
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+#panelLeft {
+  spacing: 4px;
+}
+
+#panelLeft:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(216, 100, 126, 0.35);
+  background-gradient-end: rgba(216, 100, 126, 0.35);
+}
+
+#panelLeft:ltr {
+  padding-right: 4px;
+}
+
+#panelLeft:rtl {
+  padding-left: 4px;
+}
+
+#panelLeft.vertical {
+  padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelRight:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(126, 152, 232, 0.35);
+  background-gradient-end: rgba(126, 152, 232, 0.35);
+}
+
+#panelRight:ltr {
+  padding-left: 6px;
+  spacing: 0px;
+}
+
+#panelRight:rtl {
+  padding-right: 6px;
+  spacing: 0px;
+}
+
+#panelRight.vertical {
+  padding: 0;
+}
+
+#panelRight.vertical:ltr {
+  padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+  padding-left: 0px;
+}
+
+#panelCenter {
+  spacing: 4px;
+}
+
+#panelCenter:dnd {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(127, 165, 99, 0.35);
+  background-gradient-end: rgba(127, 165, 99, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+  color: rgba(232, 232, 238, 0.7);
+  font-size: 1em;
+  padding: 0px;
+  background-color: rgba(21, 21, 22, 0.75);
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.panel-dummy {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.panel-dummy:entered {
+  background-color: rgba(216, 100, 126, 0.6);
+}
+
+.panel-status-button {
+  border-width: 0;
+  -natural-hpadding: 3px;
+  -minimum-hpadding: 3px;
+  font-weight: bold;
+  height: 22px;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.panel-button {
+  -natural-hpadding: 6px;
+  -minimum-hpadding: 2px;
+  font-weight: bold;
+  transition-duration: 100ms;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.system-status-icon {
+  icon-size: 16px;
+  padding: 0 1px;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  background-color: rgba(16, 16, 20, 0.9);
+  border: 1px solid rgba(16, 16, 20, 0.9);
+  color: #e8e8ee;
+  spacing: 25px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+  border: 1px solid #7e98e8;
+  spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+  height: 15px;
+  border-radius: 6px;
+  font-size: 9pt;
+  padding: 5px 8px;
+  -cinnamon-caption-spacing: 4px;
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.04);
+  border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+  border: 1px solid #7e98e8;
+  background-color: #7e98e8;
+  color: #e8e8ee;
+  font-style: italic;
+  transition-duration: 300;
+  selection-background-color: #e8e8ee;
+  selected-color: #7e98e8;
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 4px solid rgba(255, 255, 255, 0);
+  background-color: rgba(255, 255, 255, 0);
+  border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+  border: 4px solid #7e98e8;
+  background-color: black;
+  border-radius: 6px;
+}
+
+.expo-background {
+  background-color: #101014;
+}
+
+.workspace-thumbnails {
+  spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+  padding: 8px;
+}
+
+.workspace-add-button {
+  background-image: url("assets/add-workspace.svg");
+  height: 200px;
+  width: 35px;
+  transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+  background-image: url("assets/add-workspace-hover.svg");
+  transition-duration: 100;
+}
+
+.workspace-add-button:active {
+  background-image: url("assets/add-workspace-active.svg");
+  transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+  background-image: url("assets/close.svg");
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+  -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+  background-image: url("assets/close-hover.svg");
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+  background-image: url("assets/close-active.svg");
+  background-size: 26px;
+  height: 26px;
+  width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+  outline: 2px solid red;
+  border: 1px solid green;
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+  background-image: url("assets/trash-icon.svg");
+  height: 120px;
+  width: 400px;
+}
+
+.about-content {
+  width: 550px;
+  height: 250px;
+  spacing: 8px;
+  padding-bottom: 10px;
+}
+
+.about-title {
+  font-size: 2em;
+  font-weight: bold;
+}
+
+.about-uuid {
+  font-size: 10px;
+  color: #888;
+}
+
+.about-icon {
+  padding-right: 20px;
+  padding-bottom: 14px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+  background-color: #e8e8ee;
+  padding: 4px;
+  padding-right: 0;
+  border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+  padding-bottom: 16px;
+}
+
+.about-version {
+  padding-left: 7px;
+  font-size: 10px;
+  color: #888;
+}
+
+#LookingGlassDialog {
+  background-color: #e8e8ee;
+  spacing: 6px;
+  padding: 6px;
+  margin: 32px;
+  border-radius: 12px;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+  border: none;
+}
+
+.calendar-main-box {
+  margin: 0 .8em;
+}
+
+.calendar {
+  spacing-rows: 0px;
+  spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+  margin: 6px 0;
+  padding: 6px;
+}
+
+.calendar-today-day-label {
+  font-size: 1.75em;
+  color: rgba(20, 20, 21, 0.6);
+  font-weight: bold;
+  text-align: center;
+  padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+  font-size: 1.1em;
+  color: rgba(20, 20, 21, 0.38);
+  font-weight: bold;
+  text-align: center;
+}
+
+.calendar-month-label {
+  color: rgba(20, 20, 21, 0.87);
+  font-weight: bold;
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+  width: 2.4em;
+  height: 2.4em;
+  margin: 2px 0;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+  background-color: rgba(20, 20, 21, 0.25);
+}
+
+.calendar-change-month-back {
+  background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+  background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+  background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+  background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+  padding: .4em 1.75em;
+  font-weight: normal;
+  text-align: center;
+  font-size: 14px;
+  color: rgba(20, 20, 21, 0.87);
+  border-radius: 6px;
+}
+
+.calendar-day-base {
+  text-align: center;
+  width: 2.4em;
+  height: 2.4em;
+  padding: 0;
+  margin: 2px;
+  border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.calendar-day-base:active {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.calendar-day-heading {
+  color: rgba(20, 20, 21, 0.6);
+  margin-top: 1em;
+}
+
+.calendar-day {
+  border-width: 0;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+  font-weight: bold;
+  color: #e8e8ee;
+  background-color: #7e98e8;
+  border-width: 0;
+}
+
+.calendar-other-month-day {
+  color: rgba(20, 20, 21, 0.6);
+  opacity: 1;
+}
+
+.calendar-week-number {
+  width: 2.4em;
+  height: 2.4em;
+  margin: 0;
+  color: rgba(20, 20, 21, 0.26);
+  font-weight: bold;
+  background-color: transparent;
+  border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+  padding: 0;
+  margin-top: 3px;
+}
+
+.calendar-events-main-box {
+  height: 300px;
+  margin: 8px 0.8em 0 0;
+  padding: 8px;
+  min-width: 350px;
+  border: none;
+  border-radius: 6px;
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(20, 20, 21, 0.04);
+  background-gradient-end: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.calendar-events-no-events-button {
+  margin: 6px 0;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+  background-gradient-direction: vertical;
+  background-gradient-start: rgba(20, 20, 21, 0.04);
+  background-gradient-end: rgba(20, 20, 21, 0.04);
+  box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.calendar-events-no-events-label {
+  font-size: 1.1em;
+  color: rgba(20, 20, 21, 0.38);
+  font-weight: bold;
+  text-align: center;
+  margin-top: 9px;
+}
+
+.calendar-events-date-label {
+  padding: 3px 0 12px 3px;
+  font-size: 1.1em;
+  color: rgba(20, 20, 21, 0.6);
+  font-weight: bold;
+  text-align: center;
+}
+
+.calendar-events-event-container {
+  padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+  -margin-horizontal: 1em;
+  -gradient-height: 1px;
+  -gradient-start: rgba(20, 20, 21, 0.12);
+  -gradient-end: rgba(20, 20, 21, 0.12);
+}
+
+.calendar-event-button {
+  margin: 6px 0 6px 0;
+  border-radius: 6px;
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.calendar-event-button:hover {
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: none;
+}
+
+.calendar-event-color-strip {
+  width: 4px;
+  border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+  margin: 6px;
+}
+
+.calendar-event-time-past {
+  color: rgba(20, 20, 21, 0.3);
+  font-weight: bold;
+  text-align: left;
+  margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+  font-weight: bold;
+  text-align: left;
+  margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+  color: rgba(127, 165, 99, 0.6);
+}
+
+.calendar-event-time-future {
+  text-align: left;
+  margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+  color: rgba(20, 20, 21, 0.38);
+  font-weight: bold;
+  text-align: right;
+  margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+  color: white;
+}
+
+.calendar-event-countdown:imminent {
+  color: rgba(224, 163, 99, 0.6);
+}
+
+.calendar-event-countdown:current {
+  color: rgba(127, 165, 99, 0.6);
+}
+
+.calendar-event-summary {
+  color: rgba(20, 20, 21, 0.38);
+  text-align: left;
+  width: 200px;
+}
+
+#notification {
+  border-radius: 12px;
+  padding: 12px;
+  spacing-rows: 9px;
+  spacing-columns: 9px;
+  margin-from-right-edge-of-screen: 18px;
+  width: 28em;
+  color: #e8e8ee;
+  background-color: rgba(16, 16, 20, 0.9);
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+  margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+  padding: 6px;
+}
+
+.menu #notification, .popup-menu #notification {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(20, 20, 21, 0.04);
+  box-shadow: none;
+  margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+  padding: 6px;
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 12px;
+  color: #e8e8ee;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 6px;
+}
+
+#notification-actions {
+  spacing: 9px;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #e8e8ee;
+}
+
+.notification-button, .notification-icon-button {
+  padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 36px;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #e8e8ee;
+  border: none;
+  border-radius: 6px;
+  padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+  padding: 4px;
+}
+
+.switcher-list-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 1px solid #7e98e8;
+}
+
+.switcher-list .item-box:selected {
+  color: #e8e8ee;
+  background-color: #7e98e8;
+  border: 0px solid #7e98e8;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: #e8e8ee;
+}
+
+.switcher-arrow:highlighted {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 24px;
+  border-radius-topleft: 0px;
+  border-radius-bottomleft: 0px;
+  width: 60px;
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url("assets/corner-ripple.svg");
+  background-size: contain;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.modal-dialog {
+  color: #e8e8ee;
+  background-color: rgba(9, 9, 11, 0.95);
+  padding: 0 5px 6px 5px;
+  border-radius: 6px;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+  padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+  spacing: 0;
+  margin: 0;
+  padding: 14px 10px;
+  background-color: transparent;
+  border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+}
+
+.run-dialog {
+  padding: 6px 12px;
+  background-color: rgba(16, 16, 20, 0.9);
+  border-radius: 6px;
+  color: #e8e8ee;
+}
+
+.run-dialog > * {
+  padding: 0;
+}
+
+.run-dialog-label {
+  font-size: 0;
+  font-weight: bold;
+  color: #e8e8ee;
+  padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+  color: #d8647e;
+}
+
+.run-dialog-error-box {
+  padding-top: 15px;
+  spacing: 5px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+  font-size: 10px;
+}
+
+.run-dialog-entry {
+  width: 21em;
+  padding: 3px 12px;
+  border-radius: 6px;
+  caret-color: #e8e8ee;
+  selected-color: #e8e8ee;
+  selection-background-color: #7e98e8;
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.04);
+  border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.04);
+  border: 2px solid #7e98e8;
+}
+
+.run-dialog .modal-dialog-button-box {
+  border: none;
+  box-shadow: none;
+  background: none;
+  background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-password-reask {
+  color: #e0a363;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+  font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+  border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+  border-width: 0px;
+}
+
+#keyboard {
+  background-color: rgba(16, 16, 20, 0.9);
+  border-width: 0;
+  border-top-width: 1px;
+  border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+  spacing: 10px;
+  padding: 10px;
+}
+
+.keyboard-row {
+  spacing: 15px;
+}
+
+.keyboard-key {
+  min-height: 2em;
+  min-width: 2em;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 6px;
+  box-shadow: none;
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.keyboard-key:hover {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.keyboard-key:grayed {
+  color: rgba(232, 232, 238, 0.32);
+  background-color: transparent;
+}
+
+.keyboard-subkeys {
+  color: #e8e8ee;
+  padding: 5px;
+  -arrow-border-radius: 6px;
+  -arrow-background-color: rgba(16, 16, 20, 0.9);
+  -arrow-border-width: 1px;
+  -arrow-border-color: rgba(0, 0, 0, 0.4);
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+  margin: auto;
+  margin-bottom: 6px;
+  padding: 6px;
+  transition-duration: 300;
+  background-color: rgba(20, 20, 21, 0.05);
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button {
+  padding: 9px;
+  border: none;
+  border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+  border-radius: 6px;
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.menu-places-box {
+  margin: auto;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+  padding: 9px;
+}
+
+.menu-categories-box {
+  padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+  padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  padding: 6px;
+  border-radius: 6px;
+  border: none;
+}
+
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+  padding: 3px 0;
+  border-radius: 6px;
+  background-color: rgba(215, 215, 221, 0.987);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+  padding: 0;
+  spacing: 0;
+  margin: 0 3px;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+  border-image: none;
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+  min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+  padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+  padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.menu-category-button-selected {
+  padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+  padding: 6px;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.menu-category-button-label:ltr {
+  padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+  padding-right: 6px;
+}
+
+.menu-selected-app-box {
+  padding-right: 30px;
+  padding-left: 28px;
+  text-align: right;
+  height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+  padding-top: 10px;
+  height: 30px;
+}
+
+.menu-selected-app-title {
+  font-weight: bold;
+}
+
+.menu-selected-app-description {
+  max-width: 150px;
+  margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+  padding-right: 30px;
+}
+
+#menu-search-entry {
+  width: 250px;
+  height: 15px;
+  font-weight: normal;
+  caret-color: rgba(20, 20, 21, 0.87);
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.info-osd {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 16px;
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(21, 21, 22, 0.75);
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  padding: 20px;
+  min-width: 64px;
+  min-height: 64px;
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 0;
+  background-color: rgba(21, 21, 22, 0.75);
+  border: none;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  padding: 0;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.35);
+  border-radius: 6px;
+  color: #7e98e8;
+}
+
+.osd-window .level-bar {
+  border-radius: 6px;
+  background-color: #7e98e8;
+}
+
+.window-list-box {
+  spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+  padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+  padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+  padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+  padding-top: 2px;
+}
+
+.window-list-box:highlight {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.window-list-item-label {
+  font-weight: normal;
+  width: 15em;
+  min-width: 5px;
+}
+
+.window-list-item-box {
+  font-weight: normal;
+  background-image: none;
+  transition-duration: 100ms;
+  color: rgba(232, 232, 238, 0.9);
+  border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+  padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+  padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+  border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+  border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+  border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+  border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+  padding: 2px;
+  padding-right: 0;
+}
+
+.window-list-item-box:hover {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.25);
+  border-color: rgba(232, 232, 238, 0.3);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.window-list-item-box:focus {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(232, 232, 238, 0.7) 0%, rgba(232, 232, 238, 0.7) 100%);
+  border-color: #7e98e8;
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+  background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+  background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+  background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+  background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #7fa563;
+  background-gradient-end: #7fa563;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+  background-gradient-start: #e0a363;
+  background-gradient-end: #e0a363;
+}
+
+.window-list-preview {
+  padding: 6px;
+  spacing: 6px;
+  border: none;
+  background-color: #e8e8ee;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+  padding: 6px;
+  margin: 6px;
+  background-color: #e8e8ee;
+  border-radius: 12px;
+  background-clip: border-box;
+  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 6px;
+  border-radius: 6px;
+  spacing: 6px;
+  margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+  background-color: rgba(20, 20, 21, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.grouped-window-list-number-label {
+  z-index: 120;
+  text-shadow: none;
+  color: #e8e8ee;
+  padding: 0 1px;
+}
+
+.grouped-window-list-button-label {
+  padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+  border-radius: 256px;
+  background-color: #7e98e8;
+}
+
+.grouped-window-list-item-box {
+  font-weight: normal;
+  transition-duration: 100ms;
+  border: none;
+  margin: 0;
+  color: rgba(232, 232, 238, 0.6);
+  border-radius: 0;
+  spacing: 6px;
+  border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+  padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-color: transparent;
+  border-color: rgba(232, 232, 238, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+  background-color: rgba(232, 232, 238, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+  color: rgba(232, 232, 238, 0.7);
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.2);
+  border-color: #7e98e8;
+}
+
+.grouped-window-list-item-box:focus:hover {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+  background-gradient-direction: vertical;
+  background-gradient-start: #7fa563;
+  background-gradient-end: #7fa563;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+  background-gradient-start: #e0a363;
+  background-gradient-end: #e0a363;
+}
+
+.sound-button {
+  width: 22px;
+  height: 13px;
+  padding: 8px;
+}
+
+.sound-button-container {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+
+.sound-button StIcon {
+  icon-size: 1.4em;
+}
+
+.sound-track-infos {
+  padding: 5px;
+}
+
+.sound-track-info {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+  icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.sound-track-box {
+  padding-left: 15px;
+  padding-right: 15px;
+  max-width: 220px;
+}
+
+.sound-seek-box {
+  padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+  padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+  icon-size: 16px;
+}
+
+.sound-seek-slider {
+  width: 140px;
+}
+
+.sound-volume-menu-item {
+  padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+  icon-size: 1.14em;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.sound-playback-control {
+  padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+  padding: 0 0;
+  margin-top: 6px;
+  border-radius: 6px;
+  background-color: rgba(215, 215, 221, 0.987);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+  padding: 5px 10px 10px 10px;
+  spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  width: 290px;
+  height: 80px;
+  padding: 12px 18px;
+  spacing: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 0 0 6px 6px;
+  color: #e8e8ee;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  margin: 0 6px 6px;
+  color: #e8e8ee;
+  border-radius: 9999px;
+  border: none;
+  text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+  icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+  opacty: 0.35;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.sound-player-overlay StLabel {
+  padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+  padding-top: 2px;
+}
+
+.sound-player .slider {
+  height: 0.5em;
+  padding: 0;
+  border: 0px solid rgba(0, 0, 0, 0.9);
+  border-bottom: 1px;
+  -slider-height: 0.5em;
+  -slider-background-color: rgba(20, 20, 21, 0.12);
+  -slider-border-color: rgba(0, 0, 0, 0);
+  -slider-active-background-color: #7e98e8;
+  -slider-active-border-color: rgba(0, 0, 0, 0);
+  -slider-border-width: 0px;
+  -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+  spacing: 0px;
+  padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.workspace-button {
+  width: 20px;
+  height: 10px;
+  color: rgba(232, 232, 238, 0.7);
+  padding: 3px;
+  padding-top: 4px;
+  transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+  color: #7e98e8;
+}
+
+.workspace-button:hover {
+  color: #a9bbf0;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+  padding: 3px;
+  spacing: 3px;
+}
+
+.workspace-graph .workspace {
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-gradient-direction: none;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+  border: 1px solid #7e98e8;
+  background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(58, 58, 61, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(58, 58, 61, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(71, 71, 74, 0.75);
+  -active-window-border: rgba(0, 0, 0, 0.8);
+  -inactive-window-background: rgba(33, 33, 35, 0.75);
+  -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+  padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+  padding: 3px 0;
+}
+
+.panel-launcher {
+  padding: 2px;
+  transition-duration: 200ms;
+  border-radius: 0;
+}
+
+.panel-launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.1);
+}
+
+.panel-launcher:active {
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+.launcher {
+  padding: 2px;
+  spacing: 2px;
+  transition-duration: 0.2s;
+  border-radius: 0;
+}
+
+.launcher:hover {
+  background-gradient-direction: none;
+  background-color: rgba(232, 232, 238, 0.1);
+}
+
+.launcher:active {
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+.launcher .icon-box {
+  padding: 2px;
+}
+
+.applet-separator {
+  padding: 1px 3px;
+}
+
+.applet-separator-line {
+  width: 1px;
+  background: rgba(232, 232, 238, 0.12);
+}
+
+.applet-box {
+  padding: 0 6px;
+  color: rgba(232, 232, 238, 0.7);
+  text-shadow: none;
+  transition-duration: 100ms;
+  border-radius: 0;
+}
+
+.applet-box.vertical {
+  padding: 6px 0;
+}
+
+.applet-box:hover {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.applet-box:highlight {
+  background-image: none;
+  border-image: none;
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.applet-label {
+  font-weight: bold;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.applet-box:checked .applet-label {
+  color: rgba(232, 232, 238, 0.7);
+  text-shadow: none;
+}
+
+.applet-icon {
+  color: rgba(232, 232, 238, 0.7);
+  icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+  color: rgba(232, 232, 238, 0.7);
+  text-shadow: none;
+}
+
+.user-icon {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+}
+
+.user-label {
+  color: rgba(20, 20, 21, 0.87);
+  font-size: 1em;
+  font-weight: bold;
+  margin: 0px;
+}
+
+.desklet {
+  color: #e8e8ee;
+}
+
+.desklet:highlight {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.desklet-with-borders {
+  color: #e8e8ee;
+  background-color: rgba(16, 16, 20, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.desklet-with-borders-and-header {
+  color: #e8e8ee;
+  background-color: rgba(16, 16, 20, 0.9);
+  border-radius: 6px;
+  border-radius-topleft: 0;
+  border-radius-topright: 0;
+  padding: 12px;
+  padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(216, 100, 126, 0.5);
+}
+
+.desklet-header {
+  color: #e8e8ee;
+  background-color: rgba(16, 16, 20, 0.9);
+  border-radius: 0;
+  border-radius-topleft: 6px;
+  border-radius-topright: 6px;
+  font-size: 1em;
+  padding: 12px;
+  padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #7e98e8;
+  background-color: rgba(126, 152, 232, 0.3);
+}
+
+.photoframe-box {
+  color: #e8e8ee;
+  background-color: rgba(16, 16, 20, 0.9);
+  padding: 12px;
+  padding-bottom: 16px;
+}
+
+.workspace-osd {
+  text-shadow: black 5px 5px 5px;
+  font-weight: bold;
+  font-size: 48pt;
+}
+
+.notification-applet-padding {
+  padding: .5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+  background-color: rgba(126, 152, 232, 0.3);
+  border: 1px solid #7e98e8;
+}
+
+.xkcd-box {
+  padding: 6px;
+  border: 0px;
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0px;
+}
diff --git a/gtk/.themes/Vague/gnome-shell/gnome-shell.css b/gtk/.themes/Vague/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..43a8331
--- /dev/null
+++ b/gtk/.themes/Vague/gnome-shell/gnome-shell.css
@@ -0,0 +1,4818 @@
+/* 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.
+ */
+stage {
+  font-size: 1em;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+/* General Typography */
+.search-statustext, .app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-weight: 800;
+  font-size: 1.818em;
+}
+
+.message-notification-group .message-group-header .message-group-title, .message-list .message-list-placeholder, .message-dialog-content .message-dialog-title, .lg-debug-flags-header {
+  font-weight: 800;
+  font-size: 1.364em;
+}
+
+.quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 1.364em;
+}
+
+.bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label,
+.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight {
+  font-weight: 700;
+  font-size: 1.182em;
+}
+
+.background-app-item .title, .quick-toggle .quick-toggle-title, .message-list-controls, .dialog-list .dialog-list-title, .world-clocks-button .world-clocks-header, .calendar .calendar-month-label, .lg-extension-name {
+  font-weight: 700;
+  font-size: 1em;
+}
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
+  font-weight: 700;
+  font-size: 0.818em;
+}
+
+.icon-label-button-container, .background-app-item .subtitle, .quick-toggle .quick-toggle-subtitle, .message .message-header .message-header-content .event-time, .prompt-dialog .prompt-dialog-error-label,
+.prompt-dialog .prompt-dialog-info-label,
+.prompt-dialog .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  font-weight: 400;
+  font-size: 0.818em;
+}
+
+.calendar .calendar-week-number, .calendar .calendar-day-heading {
+  font-weight: 400;
+  font-size: 0.818em;
+}
+
+.calendar .calendar-day-heading {
+  font-feature-settings: "tnum";
+}
+
+.ripple-pointer-location {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: 0 0 2px 2px #d5ddf7;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #7e98e8;
+  -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #7e98e8;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.shell-link {
+  border-radius: 6px;
+  color: #8caaee;
+}
+
+.shell-link:hover {
+  color: #8caaee;
+  background-color: rgba(140, 170, 238, 0.15);
+}
+
+.shell-link:active {
+  color: #8caaee;
+  background-color: rgba(140, 170, 238, 0.25);
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.hotplug-notification-item, .icon-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button, .button {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.05);
+  box-shadow: none !important;
+}
+
+.hotplug-notification-item:focus, .icon-button:focus, .message .message-header .message-expand-button:focus,
+.message .message-header .message-close-button:focus, .message-notification-group .message-collapse-button:focus, .button:focus {
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none !important;
+  background-color: rgba(20, 20, 21, 0.08);
+}
+
+.hotplug-notification-item:hover, .icon-button:hover, .message .message-header .message-expand-button:hover,
+.message .message-header .message-close-button:hover, .message-notification-group .message-collapse-button:hover, .button:hover {
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none !important;
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.hotplug-notification-item:active, .icon-button:active, .message .message-header .message-expand-button:active,
+.message .message-header .message-close-button:active, .message-notification-group .message-collapse-button:active, .button:active {
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none !important;
+  background-color: rgba(20, 20, 21, 0.18);
+}
+
+.hotplug-notification-item:insensitive, .icon-button:insensitive, .message .message-header .message-expand-button:insensitive,
+.message .message-header .message-close-button:insensitive, .message-notification-group .message-collapse-button:insensitive, .button:insensitive {
+  color: rgba(20, 20, 21, 0.35);
+  background-color: rgba(20, 20, 21, 0.02);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button, .lg-obj-inspector-button, .candidate-page-button, .icon-button.flat, .message .message-header .flat.message-expand-button,
+.message .message-header .flat.message-close-button, .message-notification-group .flat.message-collapse-button, .button.flat, .popup-menu .button {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:focus, .lg-obj-inspector-button:focus, .candidate-page-button:focus, .icon-button.flat:focus, .message .message-header .flat.message-expand-button:focus,
+.message .message-header .flat.message-close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .button.flat:focus, .popup-menu .button:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:hover, .lg-obj-inspector-button:hover, .candidate-page-button:hover, .icon-button.flat:hover, .message .message-header .flat.message-expand-button:hover,
+.message .message-header .flat.message-close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .button.flat:hover, .popup-menu .button:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:active, .lg-obj-inspector-button:active, .candidate-page-button:active, .icon-button.flat:active, .message .message-header .flat.message-expand-button:active,
+.message .message-header .flat.message-close-button:active, .message-notification-group .flat.message-collapse-button:active, .button.flat:active, .popup-menu .button:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.18);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:insensitive, .lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .icon-button.flat:insensitive, .message .message-header .flat.message-expand-button:insensitive,
+.message .message-header .flat.message-close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .button.flat:insensitive, .popup-menu .button:insensitive {
+  background-color: transparent;
+  color: rgba(20, 20, 21, 0.35);
+  box-shadow: none !important;
+}
+
+.keyboard-brightness-level .button:checked, .icon-button.default, .message .message-header .default.message-expand-button,
+.message .message-header .default.message-close-button, .message-notification-group .default.message-collapse-button, .button.default {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.05);
+  box-shadow: none !important;
+}
+
+.keyboard-brightness-level .button:focus:checked, .icon-button.default:focus, .message .message-header .default.message-expand-button:focus,
+.message .message-header .default.message-close-button:focus, .message-notification-group .default.message-collapse-button:focus, .button.default:focus {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.keyboard-brightness-level .button:hover:checked, .icon-button.default:hover, .message .message-header .default.message-expand-button:hover,
+.message .message-header .default.message-close-button:hover, .message-notification-group .default.message-collapse-button:hover, .button.default:hover {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.keyboard-brightness-level .button:insensitive:checked, .icon-button.default:insensitive, .message .message-header .default.message-expand-button:insensitive,
+.message .message-header .default.message-close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .button.default:insensitive {
+  color: rgba(232, 232, 238, 0.35);
+  background-color: rgba(232, 232, 238, 0.02);
+  box-shadow: none !important;
+}
+
+.keyboard-brightness-level .button:active:checked, .icon-button.default:active, .message .message-header .default.message-expand-button:active,
+.message .message-header .default.message-close-button:active, .message-notification-group .default.message-collapse-button:active, .button.default:active {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(255, 255, 255, 0.18);
+}
+
+.button {
+  min-height: 20px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+}
+
+.icon-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .message-notification-group .message-collapse-button {
+  border-radius: 9999px;
+  padding: 0.818em;
+  min-height: 1.091em;
+}
+
+.icon-button StIcon, .message .message-header .message-expand-button StIcon,
+.message .message-header .message-close-button StIcon, .message-notification-group .message-collapse-button StIcon {
+  icon-size: 1.091em;
+  -st-icon-style: symbolic;
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  color: #e8e8ee;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+  color: rgba(232, 232, 238, 0.35);
+  background-color: rgba(232, 232, 238, 0.02);
+  box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(232, 232, 238, 0.08);
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(232, 232, 238, 0.1);
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(232, 232, 238, 0.18);
+}
+
+.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
+  color: white;
+  background-color: #7e98e8;
+  box-shadow: none !important;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(126, 152, 232, 0.35);
+  box-shadow: 0 0 2px 2px #d5ddf7;
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+  padding: 6px 12px;
+  margin: 2px;
+  border-width: 0;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.87);
+  caret-color: rgba(20, 20, 21, 0.87);
+  selection-background-color: #7e98e8;
+  selected-color: #e8e8ee;
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+  border: 2px solid transparent !important;
+  box-shadow: none !important;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+  border: 2px solid rgba(20, 20, 21, 0.26) !important;
+  box-shadow: none !important;
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+  border: 2px solid #7e98e8 !important;
+  box-shadow: none !important;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.35);
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #e0a363;
+  padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.hotplug-notification-item {
+  padding: 12px;
+  border-style: solid;
+  border-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+  border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+  border-right-width: 0;
+  border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+  border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 64px;
+  -arrow-rise: 3px;
+  border-radius: 12px;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.1);
+}
+
+.candidate-popup-content {
+  color: rgba(20, 20, 21, 0.6);
+  box-shadow: none;
+  border: none;
+  margin: 0;
+  padding: 6px;
+  spacing: 6px;
+  background-color: #e8e8ee;
+  border-radius: 12px;
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.15);
+}
+
+.candidate-index {
+  padding: 0 0.5em 0 0;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.candidate-box:selected .candidate-index {
+  color: #e8e8ee;
+}
+
+.candidate-box {
+  padding: 0.3em 0.5em 0.3em 0.5em;
+  margin-right: 2px;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.candidate-box:hover {
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.candidate-box:active {
+  background-color: rgba(20, 20, 21, 0.26);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.candidate-box:selected {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+}
+
+.candidate-box:last-child {
+  margin-right: 0;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 0.5em;
+}
+
+.candidate-page-button {
+  padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+  border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #d8dade;
+  box-shadow: none;
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 1.455em;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  padding: 0 !important;
+  border-radius: 9px;
+  border: none;
+  color: rgba(20, 20, 21, 0.6);
+  background-color: white;
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #d9d9e3;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #cbcbd8;
+}
+
+.keyboard-key:grayed {
+  background-color: #adb3bc;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.keyboard-key.default-key {
+  background-color: #adb3bc;
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #9fa6b1;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #8b94a0;
+}
+
+.keyboard-key.enter-key {
+  color: #e8e8ee;
+  background-color: #7e98e8;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+  color: #e8e8ee;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+  background-color: #94a9ec;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+  background-color: #5375e0;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+  color: #7e98e8;
+}
+
+.keyboard-key StIcon {
+  icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  -arrow-border-radius: 12px;
+  -arrow-background-color: rgba(201, 202, 206, 0.987);
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.35);
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border: none;
+  background-color: #7e98e8;
+}
+
+.word-suggestions {
+  font-size: 14pt;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+  background-color: #151516;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  selection-background-color: #7e98e8;
+  selected-color: #e8e8ee;
+  padding: 4px 8px;
+  min-height: 26px;
+  border-radius: 9999px;
+  caret-color: #e8e8ee;
+  background-color: rgba(20, 20, 21, 0.04);
+  border-radius: 0;
+  border: none !important;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.15) !important;
+  color: #e8e8ee;
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+  border: none !important;
+  background-color: rgba(20, 20, 21, 0.04);
+  box-shadow: inset 0 -2px #7e98e8 !important;
+  color: #e8e8ee;
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+  border: none !important;
+  box-shadow: none !important;
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(232, 232, 238, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+  color: rgba(232, 232, 238, 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: 0 16px;
+  border: none;
+  color: #e8e8ee;
+  background-color: transparent;
+  box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.1);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.18);
+  box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.35);
+  box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.05);
+  box-shadow: none !important;
+}
+
+.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 {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(232, 232, 238, 0.1);
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #e8e8ee;
+  box-shadow: none !important;
+  background-color: rgba(232, 232, 238, 0.18);
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: rgba(255, 255, 255, 0.35);
+  background-color: rgba(255, 255, 255, 0.02);
+  box-shadow: none !important;
+}
+
+.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: 100px;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background-color: rgba(20, 20, 21, 0.12);
+  color: #e8e8ee;
+}
+
+.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 .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-message-warning {
+  color: #e0a363;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.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: #e8e8ee;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(232, 232, 238, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  padding: .2em;
+  width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #7e98e8;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 12px;
+  padding: 6px;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.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:focus {
+  background-color: rgba(20, 20, 21, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+  background-color: rgba(20, 20, 21, 0.12) !important;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+  background-color: rgba(20, 20, 21, 0.26) !important;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin: 6px 0 0 0;
+  background-color: rgba(232, 232, 238, 0.12) !important;
+}
+
+.user-widget-label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+  font-size: 1.182em;
+  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: 1.455em;
+  text-align: center;
+  font-weight: normal;
+  padding-top: 16px;
+}
+
+.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(232, 232, 238, 0.7);
+  font-size: 1.091em;
+  padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: #e8e8ee;
+  padding: 0;
+  spacing: 6px;
+  margin: 6px;
+  border-radius: 12px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  color: rgba(20, 20, 21, 0.87);
+  border: 1px solid rgba(20, 20, 21, 0.12);
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 6px;
+  border: none;
+  border-radius: 12px 12px 0 0;
+  background-color: rgba(20, 20, 21, 0.04);
+  box-shadow: inset 0 -1px 0 rgba(20, 20, 21, 0.12);
+  spacing: 6px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  font-weight: bold;
+  color: rgba(20, 20, 21, 0.38);
+  padding-left: 16px;
+  padding-right: 16px;
+  min-height: 32px;
+  padding: 3px 30px;
+  transition-duration: 100ms;
+  border: none;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.87);
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-color: transparent;
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: inset 0 -2px 0px #7e98e8;
+  color: rgba(20, 20, 21, 0.87);
+  text-shadow: none;
+}
+
+#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: #7e98e8;
+  selected-color: #e8e8ee;
+}
+
+.lg-dialog .shell-link {
+  color: #8caaee;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #b8cbf5;
+}
+
+.lg-dialog .shell-link:active {
+  color: #6089e7;
+}
+
+.lg-dialog .actor-link {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.lg-dialog .actor-link:hover {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.lg-dialog .actor-link:active {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-dialog .actor-link StIcon {
+  icon-size: 12px;
+}
+
+.lg-completions-text {
+  font-size: .9em;
+  font-style: italic;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-obj-inspector-button {
+  padding: 0 16px;
+  border: none;
+  border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-extension {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.6);
+  padding: 12px;
+}
+
+.lg-extension:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.lg-extension:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+#LookingGlassPropertyInspector {
+  color: rgba(20, 20, 21, 0.6);
+  background: #e8e8ee;
+  border: none;
+  border-radius: 6px;
+  padding: 6px;
+  margin: 5px 8px 11px;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+.lg-debug-flag-button {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px, 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.lg-debug-flag-button:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+}
+
+.select-area-rubberband {
+  background-color: rgba(126, 152, 232, 0.7);
+  border: 1px solid #7e98e8;
+  border-radius: 6px;
+}
+
+.user-icon {
+  background-size: contain;
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 9999px;
+  border: none;
+  box-shadow: none;
+  icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+  box-shadow: none;
+}
+
+.user-icon:hover {
+  color: #e8e8ee;
+}
+
+.user-icon StIcon {
+  background-color: #e8e8ee;
+  border-radius: 9999px;
+  padding: 12px;
+  width: 40px;
+  height: 40px;
+}
+
+.user-icon.user-avatar {
+  border: 2px solid #7e98e8;
+}
+
+.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;
+  font-size: 0.909em;
+  color: #e0a363;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.nm-dialog-header {
+  font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+  padding: 0;
+  background-color: rgba(20, 20, 21, 0.04);
+  border-radius: 6px;
+}
+
+.nm-dialog-item {
+  font-size: 1em;
+  border-bottom: none;
+  padding: 12px;
+  spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.nm-dialog-icons {
+  spacing: 12px;
+}
+
+.no-networks-label {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.no-networks-box {
+  spacing: 6px;
+}
+
+/* OSD */
+.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: #151516;
+  border: none;
+  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+  margin: 5px 8px 11px;
+  border-radius: 12px;
+  padding: 12px;
+}
+
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 3em;
+}
+
+.osd-window .level {
+  height: 2px;
+  border-radius: 2px;
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(20, 20, 21, 0.12);
+  -barlevel-active-background-color: #7e98e8;
+  -barlevel-overdrive-color: #d8647e;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: rgba(20, 20, 21, 0.12);
+}
+
+.osd-window .level-bar {
+  background-color: white;
+  border-radius: 2px;
+}
+
+.pad-osd-window {
+  padding: 32px;
+  background-color: #151516;
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle {
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover {
+  background-color: rgba(232, 232, 238, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active {
+  background-color: #e8e8ee;
+}
+
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 30px;
+}
+
+/* Top Bar */
+#panel {
+  font-weight: bold;
+  color: rgba(232, 232, 238, 0.7);
+  font-feature-settings: "tnum";
+  transition-duration: 250ms;
+  box-shadow: none;
+  border: none;
+  background-color: #151516;
+  height: 34px;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: #151516;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 1;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: rgba(232, 232, 238, 0.7);
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  text-shadow: none;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button.clock-display {
+  box-shadow: none;
+  background: none;
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border-radius: 9999px;
+  border: 3px solid transparent;
+}
+
+#panel .panel-button.screen-recording-indicator {
+  box-shadow: inset 0 0 0 1000px #d8647e;
+}
+
+#panel .panel-button.screen-sharing-indicator {
+  box-shadow: inset 0 0 0 1000px #e0a363;
+}
+
+#panel .panel-button.screen-sharing-indicator StBoxLayout {
+  margin: 0 6px;
+}
+
+#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:hover {
+  color: #e8e8ee;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px #353536;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+  box-shadow: none;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+  color: #e8e8ee;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+  background-color: transparent;
+  color: #e8e8ee;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.3);
+}
+
+#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;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#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 {
+  color: #e8e8ee;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.3);
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+  color: #e8e8ee;
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+  color: #e8e8ee;
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 6px;
+  margin: 0;
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .appindicator-trayicons-box {
+  margin: 0 6px;
+}
+
+#panel .panel-button .panel-status-menu-box {
+  padding: 6px;
+}
+
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  padding: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 18px;
+}
+
+#panel .panel-button#panelActivities StBoxLayout {
+  spacing: 6px;
+}
+
+#panel .panel-button#panelActivities .workspace-dot {
+  border-radius: 9999px;
+  min-width: 8px;
+  min-height: 8px;
+  background-color: #e8e8ee;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#panel:overview .panel-button.clock-display, #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display, #panel.lock-screen .panel-button.clock-display {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+#panel:overview .panel-button.clock-display .clock, #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock, #panel.lock-screen .panel-button.clock-display .clock {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+  color: #e8e8ee;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+  box-shadow: none;
+  color: #e8e8ee;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+  color: #e8e8ee;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+  color: #e8e8ee;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.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:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+  box-shadow: none;
+  color: #e8e8ee;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.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:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+  box-shadow: inset 0 0 0 1000px rgba(232, 232, 238, 0.2);
+  color: #e8e8ee;
+}
+
+#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.login-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot {
+  background-color: #e8e8ee;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,
+#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button,
+#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {
+  -natural-hpadding: 18px !important;
+  -minimum-hpadding: 18px !important;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #e0a363;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+  -arrow-border-radius: 12px;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 18px;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  background: transparent;
+}
+
+.popup-menu {
+  min-width: 12em;
+  color: rgba(20, 20, 21, 0.6) !important;
+  padding: 0;
+  border-radius: 24px;
+  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.1);
+  margin: 6px 6px 8px;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 6px;
+  background-color: #e8e8ee;
+  border-radius: 12px;
+  margin: 0;
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.15);
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 6px;
+  color: rgba(20, 20, 21, 0.6) !important;
+  text-shadow: none;
+  border-radius: 6px;
+  margin: 0;
+  transition-duration: 100ms;
+  background-color: transparent;
+}
+
+.popup-menu .popup-menu-item:checked {
+  border: none;
+  box-shadow: none;
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.12) !important;
+  border-radius: 6px 6px 0 0 !important;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(20, 20, 21, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.12) !important;
+  transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.26) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(20, 20, 21, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu {
+  background-color: rgba(20, 20, 21, 0.12) !important;
+  color: rgba(20, 20, 21, 0.6) !important;
+  border: none;
+  box-shadow: none;
+  margin: 0;
+  border-radius: 0 0 6px 6px !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+  margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.26) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(20, 20, 21, 0.3) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: rgba(20, 20, 21, 0.6) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(20, 20, 21, 0.3) !important;
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 16px;
+}
+
+.popup-menu-ornament {
+  width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+  min-width: 20em;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 3px;
+  -st-icon-style: symbolic;
+}
+
+.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;
+}
+
+/* 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;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 16pt;
+  font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+  font-weight: normal;
+  padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px 0;
+  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 6px;
+  border: none;
+  background-color: #151516;
+  color: #e8e8ee;
+  border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: #29292b;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  weight: bold;
+  padding: 0 6px;
+  color: #e8e8ee;
+  background-color: #7e98e8;
+  border-radius: 9999px;
+  margin-right: 12px;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(126, 152, 232, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 12px;
+  min-height: 12px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 9999px;
+  background-color: rgba(20, 20, 21, 0.12);
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 9999px;
+  background-color: rgba(20, 20, 21, 0.38);
+  border: 3px solid transparent;
+  margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: rgba(20, 20, 21, 0.6);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: rgba(20, 20, 21, 0.87);
+}
+
+.search-entry {
+  width: 24em;
+  padding: 6px 12px;
+  color: rgba(20, 20, 21, 0.6);
+  transition-duration: 150ms;
+  border-radius: 6px;
+  caret-color: rgba(20, 20, 21, 0.87);
+  selection-background-color: rgba(20, 20, 21, 0.12);
+  selected-color: #e8e8ee !important;
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #e8e8ee;
+  border: 2px solid transparent !important;
+  box-shadow: none !important;
+}
+
+.search-entry:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #e8e8ee;
+  border: 2px solid rgba(20, 20, 21, 0.26) !important;
+  box-shadow: none !important;
+}
+
+.search-entry:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #e8e8ee;
+  border: 2px solid #7e98e8 !important;
+  box-shadow: none !important;
+}
+
+.search-entry .search-entry-icon {
+  icon-size: 16px;
+  padding: 0 0;
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.search-entry:insensitive {
+  border: none;
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.search-entry StLabel.hint-text {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 24px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background-color: #151516;
+}
+
+.switcher-list .item-box:outlined {
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.switcher-list .item-box:selected {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(20, 20, 21, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.switcher-arrow:highlighted {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #7e98e8;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  border: 1px solid #7e98e8;
+  background-color: rgba(126, 152, 232, 0.3);
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 12px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  spacing: 12px;
+}
+
+.ws-switcher-box {
+  background: transparent;
+  height: 50px;
+  background-size: 32px;
+  background: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 52px;
+  background-color: #7e98e8;
+  color: #e8e8ee;
+  border-radius: 9px;
+  border: none;
+}
+
+/* App Icons */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 36px;
+  max-column-spacing: 36px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 18px;
+  page-padding-right: 18px;
+}
+
+.overview-tile, .grid-search-result {
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 15px;
+  padding: 6px;
+  border: none;
+  transition-duration: 100ms;
+  text-align: center;
+  background-color: transparent;
+}
+
+.overview-tile:hover, .grid-search-result:hover, .overview-tile:focus, .grid-search-result:focus, .overview-tile:selected, .grid-search-result:selected {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.12);
+  border-image: none;
+  background-image: none;
+}
+
+.overview-tile:active, .grid-search-result:active, .overview-tile:checked, .grid-search-result:checked {
+  color: #e8e8ee;
+  background-color: rgba(232, 232, 238, 0.3);
+  box-shadow: none;
+}
+
+.app-folder {
+  background-color: rgba(232, 232, 238, 0.12);
+  border-radius: 15px;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.app-folder .overview-icon {
+  background-color: transparent;
+  border-radius: 15px;
+}
+
+.app-folder:hover {
+  background-color: rgba(232, 232, 238, 0.2);
+  color: #e8e8ee;
+}
+
+.app-folder:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+.app-grid-running-dot {
+  width: 6px;
+  height: 3px;
+  border-radius: 2px;
+  background-color: rgba(232, 232, 238, 0.3);
+  margin-bottom: 0;
+}
+
+StWidget.focused .app-grid-running-dot {
+  width: 24px;
+  background-color: #7e98e8 !important;
+}
+
+.app-folder-dialog-container {
+  padding-top: 32px;
+}
+
+.app-folder-dialog {
+  width: 720px;
+  height: 720px;
+  border-radius: 36px;
+  padding: 12px;
+  background-color: #151516;
+  border: 1px solid black;
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px;
+  padding-bottom: 0;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 12em;
+  border: none;
+  caret-color: #e8e8ee;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+.app-folder-dialog .icon-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
+.app-folder-dialog .message .message-header .message-close-button,
+.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button {
+  background-color: rgba(232, 232, 238, 0.06);
+  color: rgba(232, 232, 238, 0.7);
+  border: none;
+  padding: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+}
+
+.app-folder-dialog .icon-button > StIcon, .app-folder-dialog .message .message-header .message-expand-button > StIcon, .message .message-header .app-folder-dialog .message-expand-button > StIcon,
+.app-folder-dialog .message .message-header .message-close-button > StIcon,
+.message .message-header .app-folder-dialog .message-close-button > StIcon, .app-folder-dialog .message-notification-group .message-collapse-button > StIcon, .message-notification-group .app-folder-dialog .message-collapse-button > StIcon {
+  icon-size: 16px;
+}
+
+.app-folder-dialog .icon-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
+.app-folder-dialog .message .message-header .message-close-button:hover,
+.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.app-folder-dialog .icon-button:checked, .app-folder-dialog .message .message-header .message-expand-button:checked, .message .message-header .app-folder-dialog .message-expand-button:checked,
+.app-folder-dialog .message .message-header .message-close-button:checked,
+.message .message-header .app-folder-dialog .message-close-button:checked, .app-folder-dialog .message-notification-group .message-collapse-button:checked, .message-notification-group .app-folder-dialog .message-collapse-button:checked, .app-folder-dialog .icon-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
+.app-folder-dialog .message .message-header .message-close-button:active,
+.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 18px;
+}
+
+.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;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: #151516;
+  color: #e8e8ee;
+  border-radius: 9999px;
+  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: 18px 0px 0px 18px;
+}
+
+.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 18px 18px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 9999px;
+  transition-duration: 100ms;
+  color: rgba(232, 232, 238, 0.7);
+  background-color: transparent;
+}
+
+.page-navigation-arrow > StIcon {
+  color: #e8e8ee;
+}
+
+.page-navigation-arrow:insensitive {
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.page-navigation-arrow:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+.page-navigation-arrow:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+/* Date/Time Menu */
+.world-clocks-button,
+.weather-button,
+.events-button {
+  color: rgba(20, 20, 21, 0.6);
+  background-color: rgba(20, 20, 21, 0.04);
+  border-radius: 6px;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+.world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: none;
+}
+
+.world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.2);
+  box-shadow: none;
+}
+
+#calendarArea {
+  padding: 3px;
+}
+
+.datemenu-popover {
+  border-radius: 18px !important;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+  border: none;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(20, 20, 21, 0.6);
+  font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box {
+  margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  padding: 6px 12px;
+  margin: 0;
+  text-shadow: none;
+  color: rgba(20, 20, 21, 0.6);
+  border-radius: 6px;
+  margin: 4px;
+}
+
+.datemenu-today-button:ltr {
+  margin-left: 4px;
+}
+
+.datemenu-today-button:rtl {
+  margin-right: 4px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.datemenu-today-button:active {
+  background-color: rgba(20, 20, 21, 0.2);
+}
+
+.datemenu-today-button .day-label {
+  font-size: 1.091em;
+  font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+  font-size: 1.637em;
+  font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+  padding: 3px !important;
+  margin: 0 !important;
+  text-shadow: none;
+  border-radius: 12px;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.calendar .calendar-month-label {
+  padding: 6px 0;
+  color: rgba(20, 20, 21, 0.6) !important;
+  font-weight: bold;
+  text-align: center;
+  text-shadow: none;
+  background-color: transparent;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 !important;
+  margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+
+.calendar .pager-button {
+  width: 32px !important;
+  height: 32px !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none !important;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: none !important;
+}
+
+.calendar .pager-button:active {
+  background-color: rgba(20, 20, 21, 0.26);
+  box-shadow: none !important;
+}
+
+.calendar .calendar-day {
+  font-size: 0.909em;
+  text-align: center;
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  margin: 2px !important;
+  border-radius: 9999px;
+  color: rgba(20, 20, 21, 0.6) !important;
+  border: none;
+  font-feature-settings: "tnum";
+  background-color: transparent;
+}
+
+.calendar .calendar-day:hover, .calendar .calendar-day:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.calendar .calendar-day:active, .calendar .calendar-day:selected {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.26);
+  border-color: transparent !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.calendar .calendar-day.calendar-weekend {
+  color: rgba(20, 20, 21, 0.38) !important;
+}
+
+.calendar .calendar-day {
+  border-width: 0;
+}
+
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.calendar .calendar-today {
+  font-weight: bold;
+  color: rgba(20, 20, 21, 0.6) !important;
+  background-color: rgba(20, 20, 21, 0.06);
+  border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87) !important;
+}
+
+.calendar .calendar-today:active {
+  color: #e8e8ee !important;
+  background-color: #6887e4;
+}
+
+.calendar .calendar-today:selected {
+  background-color: #7e98e8;
+  color: #e8e8ee !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  color: #e8e8ee !important;
+  background-color: #5b7ce2;
+}
+
+.calendar .calendar-day-with-events {
+  color: rgba(20, 20, 21, 0.6);
+  background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+  color: rgba(20, 20, 21, 0.6);
+  font-weight: bold;
+}
+
+.calendar .calendar-other-month {
+  color: rgba(20, 20, 21, 0.3) !important;
+  font-weight: normal;
+}
+
+.calendar .calendar-other-month.calendar-weekend {
+  color: rgba(20, 20, 21, 0.3) !important;
+}
+
+.calendar .calendar-day-heading {
+  font-weight: bold;
+  text-align: center;
+  margin: 4px;
+  padding: 3px 6px;
+  border-radius: 6px;
+  background-color: transparent;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.calendar .calendar-week-number {
+  width: 26px;
+  height: 20px;
+  margin: 6px 2px !important;
+  padding: 0;
+  border-radius: 6px;
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.38);
+  font-weight: bold;
+  font-feature-settings: "tnum";
+  text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+  padding: 12px !important;
+  margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+  spacing: 6px;
+}
+
+.events-button .events-list {
+  spacing: 12px;
+  text-shadow: none;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.events-button .events-title {
+  font-weight: bold;
+  text-shadow: none;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.events-button .event-time {
+  font-feature-settings: "tnum";
+  font-size: 0.909em;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.world-clocks-button .world-clocks-city {
+  font-weight: bold;
+  font-size: 1em;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.world-clocks-button .world-clocks-time {
+  font-feature-settings: "tnum";
+  font-size: 1em;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.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 {
+  font-feature-settings: "tnum";
+  font-size: 0.909em;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.world-clocks-grid,
+.weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+
+.weather-button .weather-box {
+  spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-header {
+  font-weight: bold;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 0.909em;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.weather-button .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+  font-feature-settings: "tnum";
+  font-size: 0.818em;
+  font-weight: normal;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  border-radius: 7px;
+  padding: 2px;
+}
+
+.check-box:focus StBin {
+  background-color: rgba(0, 0, 0, 0.01);
+  box-shadow: inset 0 0 0 2px st-transparentize(-st-accent-color, 0.65);
+}
+
+.check-box StIcon {
+  icon-size: 14px;
+  padding: 1px;
+  color: transparent;
+  border-radius: 6px;
+  border: 2px solid rgba(0, 0, 0, 0.15);
+}
+
+.check-box:hover StIcon {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+
+.check-box:active StIcon {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+
+.check-box:checked StIcon {
+  background-color: -st-accent-color;
+  color: -st-accent-fg-color;
+  border-color: transparent;
+}
+
+.check-box:checked:hover StIcon {
+  background-color: st-lighten(-st-accent-color, 5%);
+  color: st-lighten(-st-accent-fg-color, 5%);
+}
+
+.check-box:checked:active StIcon {
+  background-color: st-darken(-st-accent-color, 7%);
+  color: st-darken(-st-accent-fg-color, 7%);
+}
+
+/* Dash */
+#dash {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+#dash .dash-background {
+  background-color: rgba(232, 232, 238, 0.12);
+  border-radius: 24px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
+  box-shadow: inset 0 0.5px rgba(255, 255, 255, 0.08);
+}
+
+#dash .dash-item-container .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .dash-item-container .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+  background: none;
+  box-shadow: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  margin: 0 2px;
+  padding-bottom: 12px;
+}
+
+#dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon {
+  border-radius: 12px;
+  padding: 6px;
+  spacing: 6px;
+  text-align: center;
+  transition-duration: 100ms;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+#dash .dash-item-container .show-apps:focus .overview-icon,
+#dash .dash-item-container .overview-tile:focus .overview-icon,
+#dash .dash-item-container .grid-search-result:focus .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dash .dash-item-container .show-apps:hover .overview-icon,
+#dash .dash-item-container .overview-tile:hover .overview-icon,
+#dash .dash-item-container .grid-search-result:hover .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dash .dash-item-container .show-apps:active .overview-icon,
+#dash .dash-item-container .overview-tile:active .overview-icon,
+#dash .dash-item-container .grid-search-result:active .overview-icon {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+#dash .dash-item-container .show-apps:checked .overview-icon,
+#dash .dash-item-container .overview-tile:checked .overview-icon,
+#dash .dash-item-container .grid-search-result:checked .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dash .dash-item-container .app-grid-running-dot {
+  offset-y: -12px;
+}
+
+#dash .dash-separator {
+  width: 1px;
+  margin-left: 4px;
+  margin-right: 4px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dash .dash-separator,
+#dash .dash-background {
+  margin-bottom: 12px;
+}
+
+.dash-label {
+  color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 9999px;
+  padding: 6px 12px;
+  margin: 8px;
+  box-shadow: none;
+  border: none;
+  text-align: center;
+  -y-offset: 4px;
+  -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.modal-dialog {
+  background-color: #e8e8ee;
+  border-radius: 18px;
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.15);
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button {
+  min-height: 32px;
+  padding: 6px;
+  margin: 0;
+  border: none !important;
+  border-radius: 6px;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:first-child {
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:first-child:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.08);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:first-child:hover {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.1);
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:first-child:active {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.18);
+  box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:last-child {
+  color: #e8e8ee;
+  background-color: #7e98e8;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:last-child:hover {
+  color: #e8e8ee;
+  background-color: #a5b7ef;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:last-child:active {
+  color: #e8e8ee;
+  background-color: #6887e4;
+}
+
+.modal-dialog .modal-dialog-button-box .modal-dialog-button:last-child:insensitive {
+  background-color: rgba(126, 152, 232, 0.05);
+  color: rgba(126, 152, 232, 0.35);
+}
+
+.modal-dialog {
+  color: rgba(20, 20, 21, 0.6);
+  padding: 12px;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 30px 42px;
+  spacing: 30px;
+  max-width: 28em;
+}
+
+.modal-dialog .modal-dialog-button-box {
+  padding-top: 6px;
+}
+
+.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: rgba(20, 20, 21, 0.6);
+}
+
+.end-session-dialog {
+  width: 26em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #e0a363;
+  background-color: rgba(224, 163, 99, 0.1);
+  padding: 9px;
+  border-radius: 6px;
+  margin: 4px 0;
+}
+
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+.run-dialog {
+  width: 26em;
+  padding-bottom: 6px;
+}
+
+.run-dialog .run-dialog-entry {
+  padding: 12px 9px;
+}
+
+.run-dialog .run-dialog-description {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.prompt-dialog {
+  width: 26em;
+}
+
+.prompt-dialog .prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog .prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog .prompt-dialog-password-entry {
+  width: 20em;
+  padding: 12px 9px;
+}
+
+.prompt-dialog .prompt-dialog-error-label,
+.prompt-dialog .prompt-dialog-info-label,
+.prompt-dialog .prompt-dialog-null-label {
+  text-align: center;
+}
+
+.prompt-dialog .prompt-dialog-error-label {
+  color: #e0a363;
+}
+
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #e0a363;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.audio-selection-device:active {
+  background-color: #7e98e8;
+  color: #e8e8ee;
+}
+
+.audio-selection-device-box {
+  padding: 18px;
+  spacing: 18px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  height: 300px;
+  width: 300px;
+}
+
+/* Access portal dialog */
+.access-dialog {
+  text-align: center;
+}
+
+/* Message List */
+.message-list {
+  width: 29em;
+  text-shadow: none;
+  border: solid rgba(20, 20, 21, 0.12);
+  padding: 0;
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 8px;
+  padding-right: 0;
+  border-right-width: 0;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  padding-left: 0;
+  border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+  spacing: 12px;
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 96px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-view {
+  -st-vfade-offset: 68px;
+}
+
+.message-view:ltr {
+  margin-right: 12px;
+}
+
+.message-view:rtl {
+  margin-left: 12px;
+}
+
+.message-view .message {
+  margin-bottom: 12px !important;
+}
+
+.message-list-controls {
+  margin: 8px 16px 0;
+  padding: 6px;
+  spacing: 6px;
+}
+
+.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(126, 152, 232, 0.6);
+}
+
+.message-notification-group {
+  spacing: 12px;
+}
+
+.message-notification-group .message-group-header {
+  padding: 6px;
+}
+
+.message-notification-group .message-group-header .message-group-title {
+  margin: 0 4px;
+}
+
+.message-notification-group .message-collapse-button {
+  padding: 4px !important;
+  border: 4px transparent solid;
+}
+
+.message {
+  padding: 6px;
+  margin: 3px;
+  border-radius: 12px;
+}
+
+.popup-menu .message {
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.6);
+  background-color: rgba(224, 224, 230, 0.9935) !important;
+}
+
+.popup-menu .message:hover {
+  background-color: rgba(215, 215, 221, 0.987) !important;
+}
+
+.popup-menu .message:active {
+  background-color: rgba(207, 207, 212, 0.9805) !important;
+}
+
+.popup-menu .message .notification-button {
+  border-radius: 3px;
+}
+
+.message:second-in-stack {
+  background-color: rgba(219, 219, 224, 0.9896) !important;
+  box-shadow: none;
+}
+
+.message:lower-in-stack {
+  background-color: rgba(214, 214, 219, 0.9857) !important;
+  box-shadow: none;
+}
+
+.message:ltr {
+  padding-right: 6px;
+}
+
+.message:rtl {
+  padding-left: 6px;
+}
+
+.message .message-header {
+  padding: 0 0.409em;
+  spacing: 6px;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.message .message-header:ltr {
+  padding-right: 0;
+}
+
+.message .message-header:rtl {
+  padding-left: 0;
+}
+
+.message .message-header .message-source-icon {
+  icon-size: 16px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-header .message-header-content {
+  spacing: 6px;
+  min-height: 1.637em;
+  padding-bottom: 6px;
+}
+
+.message .message-header .message-header-content .message-source-title {
+  font-weight: bold;
+}
+
+.message .message-header .message-header-content .event-time {
+  padding-bottom: 0.068em;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.message .message-header .message-header-content .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-header .message-header-content .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-header .message-expand-button,
+.message .message-header .message-close-button {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.04);
+  padding: 4px;
+  border: none;
+}
+
+.message .message-header .message-expand-button, .message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:active,
+.message .message-header .message-close-button,
+.message .message-header .message-close-button:hover,
+.message .message-header .message-close-button:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:focus,
+.message .message-header .message-close-button:hover,
+.message .message-header .message-close-button:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
+.message .message-header .message-close-button:active,
+.message .message-header .message-close-button:active:hover {
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.message .message-header .message-expand-button:insensitive,
+.message .message-header .message-close-button:insensitive {
+  background-color: rgba(20, 20, 21, 0.04);
+}
+
+.message .message-header .message-expand-button {
+  padding: 4px;
+  border: none;
+}
+
+.message .message-header .message-expand-button:ltr {
+  margin-right: 6px;
+}
+
+.message .message-header .message-expand-button:rtl {
+  margin-left: 6px;
+}
+
+.message .message-box {
+  padding: 6px;
+  margin: 6px;
+  margin-top: 0;
+  spacing: 6px;
+}
+
+.message .message-box .message-icon {
+  icon-size: 48px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-box .message-icon:ltr {
+  margin-right: 6px;
+}
+
+.message .message-box .message-icon:rtl {
+  margin-left: 6px;
+}
+
+.message .message-box .message-icon.message-themed-icon {
+  border-radius: 9999px;
+  icon-size: 16px;
+  min-width: 36px;
+  min-height: 36px;
+  color: rgba(20, 20, 21, 0.38);
+  background-color: rgba(20, 20, 21, 0.12);
+  padding: 6px;
+}
+
+.message .message-box:first-child {
+  margin-top: 12px;
+}
+
+.message .message-box .message-content {
+  spacing: 4px;
+}
+
+.message .message-box .message-content .message-title {
+  font-weight: bold;
+}
+
+.url-highlighter {
+  link-color: #8caaee;
+}
+
+.message-media-control {
+  margin: 4px 6px;
+  padding: 12px;
+  border-radius: 9999px;
+  border: none;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.message-media-control:hover, .message-media-control:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.message-media-control:active {
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.message-media-control:hover, .message-media-control:focus, .message-media-control:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.message-media-control:insensitive {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message .message-icon {
+  border-radius: 3px !important;
+  padding: 0;
+}
+
+.media-message .message-icon.message-themed-icon {
+  icon-size: 32px !important;
+}
+
+.workspace-animation {
+  background-color: #151516;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+  padding: 0 2px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  margin: 12px 8px 8px;
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.6);
+  background-color: #e8e8ee;
+  text-shadow: none;
+  border-radius: 18px;
+  padding: 6px;
+  border: none;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
+}
+
+.notification-banner:hover, .notification-banner:active, .notification-banner:focus {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #e8e8ee;
+}
+
+.notification-buttons-bin {
+  border: none;
+  spacing: 0;
+}
+
+.notification-button {
+  min-height: 38px;
+  padding: 0 18px;
+  background-color: rgba(20, 20, 21, 0.04);
+  color: rgba(20, 20, 21, 0.6);
+  font-weight: 500;
+  border: none;
+  border-radius: 6px;
+}
+
+.notification-button:focus {
+  background-color: transparent;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: inset 0 0 0 2px rgba(20, 20, 21, 0.12);
+}
+
+.notification-button:hover, .notification-button:focus:hover {
+  background-color: rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none;
+}
+
+.notification-button:active {
+  background-color: rgba(20, 20, 21, 0.26);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #151516;
+}
+
+.osd-window {
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+#appMenu {
+  spacing: 6px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 6px;
+  spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+  padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding-right: 9px !important;
+  padding-left: 12px !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding-right: 12px !important;
+  padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+  width: 0 !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(20, 20, 21, 0.12);
+  margin: 6px 32px;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  padding: 0;
+  margin: 0 32px 0 0;
+  height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 12px !important;
+  margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 12px !important;
+  margin-right: 0 !important;
+}
+
+.quick-settings {
+  padding: 18px !important;
+  border-radius: 24px !important;
+  margin-top: 4px !important;
+}
+
+.quick-settings .icon-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
+.quick-settings .message .message-header .message-close-button,
+.message .message-header .quick-settings .message-close-button, .quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon, .quick-settings .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings .message-collapse-button > StIcon, .quick-settings .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings .message-expand-button > StIcon,
+.quick-settings .message .message-header .message-close-button > StIcon,
+.message .message-header .quick-settings .message-close-button > StIcon, .quick-settings .button > StIcon {
+  icon-size: 16px;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle, .quick-toggle-has-menu {
+  border-radius: 6px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 3.273em;
+  border: none;
+}
+
+.quick-toggle {
+  background-color: rgba(20, 20, 21, 0.04) !important;
+  /* Move padding into the box; this is to allow menu arrows
+     to extend to the border */
+}
+
+.quick-toggle:hover {
+  background-color: rgba(20, 20, 21, 0.12) !important;
+}
+
+.quick-toggle:active {
+  background-color: rgba(20, 20, 21, 0.15) !important;
+}
+
+.quick-toggle:checked {
+  background-color: #7e98e8 !important;
+  color: #e8e8ee;
+}
+
+.quick-toggle:checked:hover {
+  color: #e8e8ee;
+  background-color: rgba(121, 146, 222, 0.9922) !important;
+}
+
+.quick-toggle:checked:active {
+  color: #e8e8ee;
+  background-color: rgba(113, 136, 207, 0.9805) !important;
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+}
+
+.quick-toggle.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-subtitle {
+  font-weight: normal;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 16px;
+}
+
+.quick-toggle-has-menu .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-toggle-has-menu .quick-toggle:ltr {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {
+  padding-right: 0.6135em;
+}
+
+.quick-toggle-has-menu .quick-toggle:rtl {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout {
+  padding-left: 0.6135em;
+}
+
+.quick-toggle-has-menu .quick-toggle:ltr:last-child {
+  border-radius: 6px;
+}
+
+.quick-toggle-has-menu .quick-toggle:rtl:last-child {
+  border-radius: 6px;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button {
+  background-color: rgba(20, 20, 21, 0.04) !important;
+  padding: 6px 10.5px;
+  border: none !important;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:hover {
+  background-color: rgba(20, 20, 21, 0.12) !important;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:active {
+  background-color: rgba(20, 20, 21, 0.15) !important;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:checked {
+  background-color: #7e98e8 !important;
+  color: #e8e8ee;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:checked:hover {
+  color: #e8e8ee;
+  background-color: rgba(121, 146, 222, 0.9922) !important;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:checked:active {
+  color: #e8e8ee;
+  background-color: rgba(113, 136, 207, 0.9805) !important;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:ltr {
+  border-radius: 0 6px 6px 0;
+}
+
+.quick-toggle-has-menu .quick-toggle-menu-button:rtl {
+  border-radius: 6px 0 0 6px;
+}
+
+.quick-toggle-has-menu .quick-toggle-separator {
+  width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .icon-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
+.quick-slider .message .message-header .message-close-button,
+.message .message-header .quick-slider .message-close-button {
+  padding: 8px;
+}
+
+.quick-slider .slider-bin {
+  padding: 6px;
+  border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none !important;
+  background-color: rgba(20, 20, 21, 0.08);
+}
+
+.quick-toggle-menu {
+  background-color: #e8e8ee !important;
+  color: rgba(20, 20, 21, 0.87) !important;
+  border-radius: 18px !important;
+  padding: 0.818em;
+  margin: 12px 18px 0;
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.quick-toggle-menu:insensitive {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.05);
+  box-shadow: none !important;
+}
+
+.quick-toggle-menu .popup-menu-item {
+  border-radius: 6px !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active {
+  color: rgba(20, 20, 21, 0.87) !important;
+  background-color: rgba(20, 20, 21, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px;
+}
+
+.quick-toggle-menu .popup-separator-menu-item {
+  padding: 0  !important;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 24px;
+  border-radius: 6px;
+  padding: 9px;
+  background-color: rgba(20, 20, 21, 0.12) !important;
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #7e98e8 !important;
+  color: #e8e8ee;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button, .quick-settings-system-item .message-notification-group .message-collapse-button, .message-notification-group .quick-settings-system-item .message-collapse-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button,
+.quick-settings-system-item .message .message-header .message-close-button,
+.message .message-header .quick-settings-system-item .message-close-button {
+  border-radius: 6px;
+}
+
+.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings-system-item .message-collapse-button > StIcon, .quick-settings-system-item .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings-system-item .message-expand-button > StIcon,
+.quick-settings-system-item .message .message-header .message-close-button > StIcon,
+.message .message-header .quick-settings-system-item .message-close-button > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 16px;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: rgba(20, 20, 21, 0.05);
+  box-shadow: none !important;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 0.5455em;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.keyboard-brightness-level {
+  spacing: 6px;
+}
+
+.background-apps-quick-toggle {
+  min-height: 2.728em;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 16px !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 24px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .icon-button, .background-app-item .message-notification-group .message-collapse-button, .message-notification-group .background-app-item .message-collapse-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
+.background-app-item .message .message-header .message-close-button,
+.message .message-header .background-app-item .message-close-button {
+  padding: 6px;
+}
+
+.background-app-item .spinner {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.search-entry {
+  margin-top: 24px;
+  margin-bottom: 6px;
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+  border-radius: 6px;
+  padding: 6px;
+  transition-duration: 100ms;
+  text-align: center;
+  background-color: transparent;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+  background-color: rgba(232, 232, 238, 0.12);
+  transition-duration: 0;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+#searchResults {
+  margin: 0 4px;
+}
+
+#searchResultsContent {
+  max-width: 1044px;
+}
+
+.search-section {
+  spacing: 18px;
+}
+
+.search-section .search-section-separator {
+  height: 8px;
+  background-color: transparent;
+}
+
+.search-section-content {
+  border-radius: 18px;
+  padding: 12px;
+  margin: 0 12px;
+  border: none;
+  box-shadow: none;
+  background: none;
+  text-shadow: none;
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.search-statustext {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.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: rgba(232, 232, 238, 0.7);
+}
+
+.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(232, 232, 238, 0.7);
+}
+
+.icon-label-button-container {
+  spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 33px;
+  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(0, 0, 0, 0.15);
+}
+
+.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: 15px;
+}
+
+.screenshot-ui-capture-button {
+  width: 36px;
+  height: 36px;
+  border-radius: 9999px;
+  border: 4px #e8e8ee;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #e8e8ee;
+  transition-duration: 200ms;
+  border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: rgba(20, 20, 21, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #bcbccd;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: #5b5b7c;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #d8647e;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #dd788f;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #d14766;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: #212123;
+  border-radius: 12px;
+  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;
+  background-color: transparent;
+  border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: #2e2e30;
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(20, 20, 21, 0.26);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #e8e8ee;
+  color: #141415;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+  border-radius: 9999px;
+  padding: 12px !important;
+}
+
+.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 solid #e8e8ee;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 9999px;
+  background-color: #7e98e8;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #161617;
+}
+
+.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: 200ms;
+  border-radius: 12px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 9999px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #3d64dc;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #7e98e8;
+  background-color: rgba(126, 152, 232, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: #e8e8ee;
+  background-color: #7e98e8;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  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 solid #e8e8ee;
+}
+
+.screenshot-ui-tooltip {
+  color: #e8e8ee;
+  background-color: #151516;
+  border-radius: 9999px;
+  padding: 6px 12px;
+  text-align: center;
+  -y-offset: 24px;
+}
+
+/* Slider */
+.slider {
+  color: #7e98e8;
+  -slider-handle-radius: 7px;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(20, 20, 21, 0.26);
+  -barlevel-active-background-color: #7e98e8;
+  -barlevel-overdrive-color: #d8647e;
+  -barlevel-overdrive-separator-width: 2px;
+}
+
+.slider:hover {
+  color: st-lighten(#7e98e8, 7%);
+}
+
+/* Switches */
+.toggle-switch {
+  width: 46px;
+  border-radius: 9999px;
+  transition-duration: 100ms;
+  color: rgba(20, 20, 21, 0.87);
+  background: rgba(0, 0, 0, 0.15);
+}
+
+.toggle-switch:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.toggle-switch StIcon {
+  icon-size: 16px;
+}
+
+.toggle-switch .handle {
+  margin: 3px;
+  width: 20px;
+  height: 20px;
+  border-radius: 9999px;
+  background: white;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transition-duration: 100ms;
+}
+
+.toggle-switch:checked {
+  background: #7e98e8;
+  color: #e8e8ee;
+}
+
+.toggle-switch:checked:hover {
+  background-color: #94a9ec;
+  color: #f7f7f9;
+}
+
+.toggle-switch:checked .handle {
+  background: white;
+}
+
+.window-picker {
+  spacing: 6px;
+}
+
+.window-caption {
+  color: #e8e8ee;
+  background-color: #151516;
+  border-radius: 9999px;
+  padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: #161617;
+  color: #e8e8ee;
+  border-radius: 9999px;
+  padding: 3px;
+  height: 30px;
+  width: 30px;
+  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+  transition-duration: 300ms;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  color: #e8e8ee;
+  background-color: #252527;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  color: #e8e8ee;
+  background-color: #070707;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: #151516;
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: rgba(232, 232, 238, 0.12);
+  border: none;
+  border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("assets/dash-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #7e98e8;
+  border-radius: 3px;
+  padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+  -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+  -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+  background: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+  min-width: 1.2em;
+  min-height: 1.2em;
+  color: white;
+  background-color: rgba(0, 0, 0, 0.75);
+  text-align: center;
+  padding: 0.2em 0.4em;
+}
+
+#dashtodockContainer .notification-badge {
+  min-width: 16px;
+  min-height: 16px;
+  color: #e8e8ee;
+  background-color: #7e98e8;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  border-radius: 9999px;
+  margin: 2px 3px 5px;
+  padding: 0.2em 0.4em;
+  font-weight: bold;
+  text-align: center;
+}
+
+#dashtodockContainer.top #dash .dash-background {
+  border-radius: 24px !important;
+}
+
+#dashtodockContainer.top.shrink #dash .dash-background {
+  border-radius: 16px !important;
+}
+
+#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0 !important;
+}
+
+#dashtodockContainer.top.straight-corner #dash .show-apps,
+#dashtodockContainer.top.straight-corner #dash .overview-tile,
+#dashtodockContainer.top.straight-corner #dash .grid-search-result, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps,
+#dashtodockContainer.top.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.top.extended #dash .show-apps,
+#dashtodockContainer.top.extended #dash .overview-tile,
+#dashtodockContainer.top.extended #dash .grid-search-result, #dashtodockContainer.top.shrink.extended #dash .show-apps,
+#dashtodockContainer.top.shrink.extended #dash .overview-tile {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.bottom #dash .dash-background {
+  border-radius: 24px !important;
+}
+
+#dashtodockContainer.bottom.shrink #dash .dash-background {
+  border-radius: 16px !important;
+}
+
+#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0 !important;
+}
+
+#dashtodockContainer.bottom.straight-corner #dash .show-apps,
+#dashtodockContainer.bottom.straight-corner #dash .overview-tile,
+#dashtodockContainer.bottom.straight-corner #dash .grid-search-result, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps,
+#dashtodockContainer.bottom.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.bottom.extended #dash .show-apps,
+#dashtodockContainer.bottom.extended #dash .overview-tile,
+#dashtodockContainer.bottom.extended #dash .grid-search-result, #dashtodockContainer.bottom.shrink.extended #dash .show-apps,
+#dashtodockContainer.bottom.shrink.extended #dash .overview-tile {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.left #dash .dash-background {
+  border-radius: 24px !important;
+}
+
+#dashtodockContainer.left.shrink #dash .dash-background {
+  border-radius: 16px !important;
+}
+
+#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0 !important;
+}
+
+#dashtodockContainer.left.straight-corner #dash .show-apps,
+#dashtodockContainer.left.straight-corner #dash .overview-tile,
+#dashtodockContainer.left.straight-corner #dash .grid-search-result, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps,
+#dashtodockContainer.left.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.left.extended #dash .show-apps,
+#dashtodockContainer.left.extended #dash .overview-tile,
+#dashtodockContainer.left.extended #dash .grid-search-result, #dashtodockContainer.left.shrink.extended #dash .show-apps,
+#dashtodockContainer.left.shrink.extended #dash .overview-tile {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.right #dash .dash-background {
+  border-radius: 24px !important;
+}
+
+#dashtodockContainer.right.shrink #dash .dash-background {
+  border-radius: 16px !important;
+}
+
+#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash {
+  margin: 0 !important;
+  margin-top: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background {
+  margin: 0 !important;
+  margin-bottom: 0 !important;
+  border-radius: 0 !important;
+}
+
+#dashtodockContainer.right.straight-corner #dash .show-apps,
+#dashtodockContainer.right.straight-corner #dash .overview-tile,
+#dashtodockContainer.right.straight-corner #dash .grid-search-result, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps,
+#dashtodockContainer.right.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.right.extended #dash .show-apps,
+#dashtodockContainer.right.extended #dash .overview-tile,
+#dashtodockContainer.right.extended #dash .grid-search-result, #dashtodockContainer.right.shrink.extended #dash .show-apps,
+#dashtodockContainer.right.shrink.extended #dash .overview-tile {
+  margin: 0 !important;
+}
+
+#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background {
+  border-radius: 0 !important;
+}
+
+#dashtodockContainer #dash, #dashtodockContainer:overview #dash {
+  background: transparent;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+  margin-top: 0 !important;
+  padding: 12px !important;
+}
+
+#dashtodockContainer.left #dash #dashtodockDashContainer, #dashtodockContainer.right #dash #dashtodockDashContainer {
+  padding: 10px 0 !important;
+}
+
+#dashtodockContainer.left .show-apps,
+#dashtodockContainer.left .overview-tile,
+#dashtodockContainer.left .grid-search-result, #dashtodockContainer.right .show-apps,
+#dashtodockContainer.right .overview-tile,
+#dashtodockContainer.right .grid-search-result {
+  padding: 2px 6px !important;
+}
+
+#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background {
+  margin-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.shrink #dash #dashtodockDashContainer, #dashtodockContainer.right.shrink #dash #dashtodockDashContainer {
+  padding: 4px 0 !important;
+}
+
+#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.right.shrink .dash-background {
+  padding: 4px !important;
+}
+
+#dashtodockContainer.left.shrink .show-apps,
+#dashtodockContainer.left.shrink .overview-tile,
+#dashtodockContainer.left.shrink .grid-search-result, #dashtodockContainer.right.shrink .show-apps,
+#dashtodockContainer.right.shrink .overview-tile,
+#dashtodockContainer.right.shrink .grid-search-result {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.extended #dash #dashtodockDashContainer, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.right.extended #dash #dashtodockDashContainer, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer {
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child {
+  padding-top: 0 !important;
+}
+
+#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child {
+  padding-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps {
+  padding-bottom: 6px !important;
+}
+
+#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps {
+  padding-bottom: 24px !important;
+}
+
+#dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.left.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps {
+  padding-bottom: 0 !important;
+}
+
+#dashtodockContainer.left.extended.shrink .dash-background, #dashtodockContainer.left.straight-corner.shrink .dash-background, #dashtodockContainer.right.extended.shrink .dash-background, #dashtodockContainer.right.straight-corner.shrink .dash-background {
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.extended.shrink .show-apps,
+#dashtodockContainer.left.extended.shrink .overview-tile,
+#dashtodockContainer.left.extended.shrink .grid-search-result, #dashtodockContainer.left.straight-corner.shrink .show-apps,
+#dashtodockContainer.left.straight-corner.shrink .overview-tile,
+#dashtodockContainer.left.straight-corner.shrink .grid-search-result, #dashtodockContainer.right.extended.shrink .show-apps,
+#dashtodockContainer.right.extended.shrink .overview-tile,
+#dashtodockContainer.right.extended.shrink .grid-search-result, #dashtodockContainer.right.straight-corner.shrink .show-apps,
+#dashtodockContainer.right.straight-corner.shrink .overview-tile,
+#dashtodockContainer.right.straight-corner.shrink .grid-search-result {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.left.extended .overview-tile, #dashtodockContainer.left.extended .grid-search-result, #dashtodockContainer.left.straight-corner .overview-tile, #dashtodockContainer.left.straight-corner .grid-search-result, #dashtodockContainer.right.extended .overview-tile, #dashtodockContainer.right.extended .grid-search-result, #dashtodockContainer.right.straight-corner .overview-tile, #dashtodockContainer.right.straight-corner .grid-search-result {
+  padding: 2px 12px !important;
+}
+
+#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps {
+  padding: 2px 12px 24px !important;
+}
+
+#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background {
+  padding: 12px 10px !important;
+}
+
+#dashtodockContainer.top .show-apps,
+#dashtodockContainer.top .overview-tile,
+#dashtodockContainer.top .grid-search-result, #dashtodockContainer.bottom .show-apps,
+#dashtodockContainer.bottom .overview-tile,
+#dashtodockContainer.bottom .grid-search-result {
+  margin: 0 2px !important;
+  padding-bottom: 12px !important;
+}
+
+#dashtodockContainer.top .show-apps .overview-icon,
+#dashtodockContainer.top .overview-tile .overview-icon,
+#dashtodockContainer.top .grid-search-result .overview-icon, #dashtodockContainer.bottom .show-apps .overview-icon,
+#dashtodockContainer.bottom .overview-tile .overview-icon,
+#dashtodockContainer.bottom .grid-search-result .overview-icon {
+  padding: 6px !important;
+  spacing: 6px !important;
+}
+
+#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background {
+  padding: 4px 2px !important;
+}
+
+#dashtodockContainer.top.shrink .show-apps,
+#dashtodockContainer.top.shrink .overview-tile,
+#dashtodockContainer.top.shrink .grid-search-result, #dashtodockContainer.bottom.shrink .show-apps,
+#dashtodockContainer.bottom.shrink .overview-tile,
+#dashtodockContainer.bottom.shrink .grid-search-result {
+  margin: 0 !important;
+  padding: 0 2px 12px !important;
+}
+
+#dashtodockContainer.top.extended #dash #dashtodockDashContainer, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer {
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child {
+  padding-left: 0 !important;
+}
+
+#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child {
+  padding-right: 0 !important;
+}
+
+#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps {
+  padding-left: 0 !important;
+}
+
+#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps {
+  padding-right: 18px !important;
+}
+
+#dashtodockContainer.top.extended.shrink .dash-background, #dashtodockContainer.top.straight-corner.shrink .dash-background, #dashtodockContainer.bottom.extended.shrink .dash-background, #dashtodockContainer.bottom.straight-corner.shrink .dash-background {
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.extended.shrink .show-apps,
+#dashtodockContainer.top.extended.shrink .overview-tile,
+#dashtodockContainer.top.extended.shrink .grid-search-result, #dashtodockContainer.top.straight-corner.shrink .show-apps,
+#dashtodockContainer.top.straight-corner.shrink .overview-tile,
+#dashtodockContainer.top.straight-corner.shrink .grid-search-result, #dashtodockContainer.bottom.extended.shrink .show-apps,
+#dashtodockContainer.bottom.extended.shrink .overview-tile,
+#dashtodockContainer.bottom.extended.shrink .grid-search-result, #dashtodockContainer.bottom.straight-corner.shrink .show-apps,
+#dashtodockContainer.bottom.straight-corner.shrink .overview-tile,
+#dashtodockContainer.bottom.straight-corner.shrink .grid-search-result {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+#dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.top.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps {
+  padding-right: 0 !important;
+}
+
+#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator {
+  margin: 0 8px !important;
+}
+
+#dashtodockContainer.top.extended .show-apps,
+#dashtodockContainer.top.extended .overview-tile,
+#dashtodockContainer.top.extended .grid-search-result, #dashtodockContainer.top.straight-corner .show-apps,
+#dashtodockContainer.top.straight-corner .overview-tile,
+#dashtodockContainer.top.straight-corner .grid-search-result, #dashtodockContainer.bottom.extended .show-apps,
+#dashtodockContainer.bottom.extended .overview-tile,
+#dashtodockContainer.bottom.extended .grid-search-result, #dashtodockContainer.bottom.straight-corner .show-apps,
+#dashtodockContainer.bottom.straight-corner .overview-tile,
+#dashtodockContainer.bottom.straight-corner .grid-search-result {
+  padding: 12px 2px !important;
+}
+
+#dashtodockContainer #dash .dash-background {
+  background-color: #151516;
+}
+
+#dashtodockContainer #dash .overview-tile .overview-icon, #dashtodockContainer #dash .grid-search-result .overview-icon,
+#dashtodockContainer #dash .show-apps .overview-icon {
+  color: #e8e8ee;
+}
+
+#dashtodockContainer #dash .overview-tile:focus .overview-icon, #dashtodockContainer #dash .grid-search-result:focus .overview-icon,
+#dashtodockContainer #dash .show-apps:focus .overview-icon {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+#dashtodockContainer #dash .overview-tile:hover .overview-icon, #dashtodockContainer #dash .grid-search-result:hover .overview-icon,
+#dashtodockContainer #dash .show-apps:hover .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dashtodockContainer #dash .overview-tile:active .overview-icon, #dashtodockContainer #dash .grid-search-result:active .overview-icon,
+#dashtodockContainer #dash .show-apps:active .overview-icon {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+#dashtodockContainer #dash .overview-tile:checked .overview-icon, #dashtodockContainer #dash .grid-search-result:checked .overview-icon,
+#dashtodockContainer #dash .show-apps:checked .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dashtodockContainer #dash .app-grid-running-dot {
+  margin: 0 !important;
+  offset-y: 0 !important;
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+#dashtodockContainer #dash StWidget.focused .app-grid-running-dot {
+  background-color: #7e98e8;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+  background-color: #151516;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+  background-color: #151516;
+}
+
+#dashtodockContainer:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer:overview #dash .overview-tile .overview-icon, #dashtodockContainer:overview #dash .grid-search-result .overview-icon,
+#dashtodockContainer:overview #dash .show-apps .overview-icon {
+  color: #e8e8ee;
+}
+
+#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon, #dashtodockContainer:overview #dash .grid-search-result:focus .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:focus .overview-icon {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon, #dashtodockContainer:overview #dash .grid-search-result:hover .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dashtodockContainer:overview #dash .overview-tile:active .overview-icon, #dashtodockContainer:overview #dash .grid-search-result:active .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon, #dashtodockContainer:overview #dash .grid-search-result:checked .overview-icon,
+#dashtodockContainer:overview #dash .show-apps:checked .overview-icon {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+#dashtodockContainer:overview #dash .app-grid-running-dot {
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot {
+  background-color: #7e98e8;
+}
+
+#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background {
+  background-color: transparent !important;
+}
+
+#dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash {
+  background: none;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  transition-duration: 250ms;
+  background-size: contain;
+}
+
+#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+  padding: 1px 2px;
+}
+
+#dashtodockContainer.extended .overview-tile .overview-icon, #dashtodockContainer.extended .grid-search-result .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .overview-tile .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+  border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+  border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+  padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+  width: 1px;
+  height: auto;
+  border-right-width: 1px;
+  margin: 32px 0;
+}
+
+.dash-label.bottom {
+  margin-bottom: 12px !important;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+  border: 1px solid transparent;
+}
+
+.openweather-provider {
+  padding: 0 16px;
+  font-weight: 500;
+  border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+  background: none;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.openweather-current-databox-values {
+  background: none;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.openweather-current-databox-captions {
+  background: none;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+  background: none;
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+  background: none;
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.cosmic-dock #dock {
+  border-radius: 16px !important;
+  border: none !important;
+  margin: 6px !important;
+  background-color: rgba(232, 232, 238, 0.12) !important;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important;
+}
+
+.cosmic-dock #dock .dash-background {
+  background-color: transparent !important;
+  margin-bottom: 0 !important;
+  padding: 0;
+  box-shadow: none !important;
+}
+
+.cosmic-application-dialog {
+  border-radius: 12px;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+  background-color: #e8e8ee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.cosmic-application-dialog .overview-icon {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.cosmic-applications-separator {
+  background: rgba(20, 20, 21, 0.12);
+}
+
+.cosmic-folder-edit-button {
+  box-shadow: none;
+  border-radius: 6px;
+  border-width: 0;
+  color: rgba(20, 20, 21, 0.87);
+  background: rgba(20, 20, 21, 0.04);
+}
+
+.cosmic-folder-edit-button .cosmic-folder-edit-button:hover {
+  background: rgba(20, 20, 21, 0.12);
+}
+
+.cosmic-applications-icon {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.cosmic-applications-folder-title {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.cosmic-applications-available {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.pop-shell-active-hint {
+  border-style: solid;
+  border-color: #e0a363;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+.pop-shell-overlay {
+  background-color: rgba(126, 152, 232, 0.3);
+}
+
+.pop-shell-search-element:select {
+  background: rgba(20, 20, 21, 0.12);
+  border-radius: 6px;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.pop-shell-tab {
+  border: 1px solid rgba(20, 20, 21, 0.12);
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.pop-shell-tab-active {
+  background: #e0a363;
+}
+
+.pop-shell-tab-inactive {
+  background: rgba(224, 163, 99, 0.35);
+}
+
+.pop-shell-tab-urgent {
+  background: #d8647e;
+}
+
+#panel.light-panel .panel-button,
+#panel.dark-panel .panel-button,
+#panel.transparent-panel .panel-button {
+  color: rgba(232, 232, 238, 0.7) !important;
+}
+
+#panel.light-panel .panel-button.clock-display .clock,
+#panel.dark-panel .panel-button.clock-display .clock,
+#panel.transparent-panel .panel-button.clock-display .clock {
+  color: rgba(232, 232, 238, 0.7) !important;
+}
+
+#panel.light-panel .panel-button:hover,
+#panel.dark-panel .panel-button:hover,
+#panel.transparent-panel .panel-button:hover {
+  color: rgba(232, 232, 238, 0.7) !important;
+  background-color: rgba(232, 232, 238, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock {
+  background-color: rgba(232, 232, 238, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:active, #panel.light-panel .panel-button:checked, #panel.light-panel .panel-button:focus,
+#panel.dark-panel .panel-button:active,
+#panel.dark-panel .panel-button:checked,
+#panel.dark-panel .panel-button:focus,
+#panel.transparent-panel .panel-button:active,
+#panel.transparent-panel .panel-button:checked,
+#panel.transparent-panel .panel-button:focus {
+  color: #e8e8ee !important;
+  background-color: rgba(232, 232, 238, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock {
+  background-color: rgba(232, 232, 238, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display, #panel.light-panel .panel-button:active.clock-display, #panel.light-panel .panel-button:overview.clock-display, #panel.light-panel .panel-button:focus.clock-display, #panel.light-panel .panel-button:checked.clock-display,
+#panel.dark-panel .panel-button:hover.clock-display,
+#panel.dark-panel .panel-button:active.clock-display,
+#panel.dark-panel .panel-button:overview.clock-display,
+#panel.dark-panel .panel-button:focus.clock-display,
+#panel.dark-panel .panel-button:checked.clock-display,
+#panel.transparent-panel .panel-button:hover.clock-display,
+#panel.transparent-panel .panel-button:active.clock-display,
+#panel.transparent-panel .panel-button:overview.clock-display,
+#panel.transparent-panel .panel-button:focus.clock-display,
+#panel.transparent-panel .panel-button:checked.clock-display {
+  background-color: transparent !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock, #panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:overview.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:overview.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:overview.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock {
+  color: #e8e8ee !important;
+}
+
+.overview-components-transparent .search-entry,
+.overview-components-light .search-entry,
+.overview-components-dark .search-entry {
+  caret-color: #e8e8ee !important;
+}
+
+.overview-components-transparent .search-entry .search-entry-icon,
+.overview-components-light .search-entry .search-entry-icon,
+.overview-components-dark .search-entry .search-entry-icon {
+  color: rgba(232, 232, 238, 0.7) !important;
+}
+
+.overview-components-transparent .search-entry StLabel.hint-text,
+.overview-components-light .search-entry StLabel.hint-text,
+.overview-components-dark .search-entry StLabel.hint-text {
+  color: rgba(232, 232, 238, 0.3) !important;
+}
+
+.overview-components-transparent .search-section-content,
+.overview-components-light .search-section-content,
+.overview-components-dark .search-section-content {
+  border-radius: 16px;
+}
+
+.overview-components-transparent .search-section-separator,
+.overview-components-light .search-section-separator,
+.overview-components-dark .search-section-separator {
+  height: 0 !important;
+  background-color: transparent !important;
+}
+
+.dashtopanelMainPanel .show-apps .overview-icon {
+  color: #e8e8ee !important;
+}
+
+.dashtopanelMainPanel:overview, .dashtopanelMainPanel #panel, .dashtopanelMainPanel .dash-background {
+  background-color: transparent !important;
+}
diff --git a/gtk/.themes/Vague/gnome-shell/pad-osd.css b/gtk/.themes/Vague/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..31c2377
--- /dev/null
+++ b/gtk/.themes/Vague/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.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;
+    font-size: .1 !important;
+    fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+    stroke-width: .1 !important;
+    stroke: #ededed !important;
+    fill: #535353 !important;
+}
diff --git a/gtk/.themes/Vague/gtk-2.0/apps.rc b/gtk/.themes/Vague/gtk-2.0/apps.rc
new file mode 100644
index 0000000..530e72f
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+  # Spin background
+  bg[NORMAL] = @base_color
+
+  engine "pixmap" {
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt-disabled.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "chrome_gtk_frame" {
+  ChromeGtkFrame::frame-color                    = @titlebar_bg_color
+  ChromeGtkFrame::inactive-frame-color           = @titlebar_bg_color
+  ChromeGtkFrame::incognito-frame-color          = @titlebar_bg_color
+  ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+  ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/gtk/.themes/Vague/gtk-2.0/hacks.rc b/gtk/.themes/Vague/gtk-2.0/hacks.rc
new file mode 100644
index 0000000..c288da3
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of GTK 2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+  engine "adwaita" {}
+}
+
+style "chrome_entry" {
+  base[NORMAL]      = @base_color
+  base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+  bg[NORMAL] = @base_color
+  bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but GTK uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*<GtkEntry>" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/gtk/.themes/Vague/gtk-2.0/main.rc b/gtk/.themes/Vague/gtk-2.0/main.rc
new file mode 100644
index 0000000..8349b0e
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-2.0/main.rc
@@ -0,0 +1,2708 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK 2 and 3 theme.
+
+style "default" {
+  xthickness = 1
+  ythickness = 1
+
+  ####################
+  # Style Properties #
+  ####################
+
+  GtkWidget::focus-padding      = 0
+  GtkWidget::focus-line-width   = 2
+  GtkWidget::focus-line-pattern = "\2\1"
+
+  GtkToolbar::space-size       = 5 # 1 + 2*2 (separator + margins)
+  GtkToolbar::internal-padding = 2
+  GtkToolButton::icon-spacing  = 4
+
+  GtkWidget::tooltip-radius    = 4
+  GtkWidget::tooltip-alpha     = 230
+  GtkWidget::new-tooltip-style = 1 #for compatibility
+
+  GtkWidget::link-color              = @link_color
+  GtkWidget::visited-link-color      = @visited_link_color
+  GnomeHRef::link_color              = @link_color
+  GtkHTML::link-color                = @link_color
+  GtkHTML::vlink-color               = @visited_link_color
+  GtkIMHtml::hyperlink-color         = @link_color
+  GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+  GtkSeparatorMenuItem::horizontal-padding = 0
+  GtkSeparatorMenuItem::wide-separators    = 1
+  GtkSeparatorMenuItem::separator-height   = 3
+
+  GtkButton::child-displacement-y = 0
+
+  GtkButton::default-border         = {0, 0, 0, 0}
+  GtkButton::default-outside-border = {0, 0, 0, 0}
+  GtkButton::inner-border           = {0, 0, 0, 0}
+
+  GtkEntry::state-hint   = 1
+  GtkEntry::inner-border = {0, 0, 0, 0}
+
+  GtkPaned::handle-size  = 8
+  GtkHPaned::handle-size = 8
+  GtkVPaned::handle-size = 8
+
+  GtkScrollbar::trough-border = 0
+  GtkRange::trough-border     = 0
+  GtkRange::slider-width      = 17
+  GtkRange::stepper-size      = 0
+  GtkRange::activate-slider   = 1
+
+  GtkScrollbar::activate-slider              = 1
+  GtkScrollbar::stepper-size                 = 0
+  GtkScrollbar::has-backward-stepper         = 0
+  GtkScrollbar::has-forward-stepper          = 0
+  GtkScrollbar::min-slider-length            = 32 # 24 + 2*4 (margins)
+  GtkScrolledWindow::scrollbar-spacing       = 0
+  GtkScrolledWindow::scrollbars-within-bevel = 1
+
+  GtkScale::slider_length       = 24
+  GtkScale::slider_width        = 24
+  GtkScale::trough-side-details = 1
+
+  GtkProgressBar::min-horizontal-bar-height = 4
+  GtkProgressBar::min-vertical-bar-width    = 4
+  GtkProgressBar::xspacing                  = 4
+  GtkProgressBar::yspacing                  = 4
+
+  GtkStatusbar::shadow_type    = GTK_SHADOW_NONE
+  GtkSpinButton::shadow_type   = GTK_SHADOW_NONE
+  GtkMenuBar::shadow-type      = GTK_SHADOW_NONE
+  GtkToolbar::shadow-type      = GTK_SHADOW_NONE
+  # TODO: find out what this comment means:
+  # ( every window is misaligned for the sake of menus ):
+  GtkMenuBar::internal-padding = 0
+  GtkMenu::horizontal-padding  = 0
+  GtkMenu::vertical-padding    = 4
+  GtkMenu::double-arrows       = 0
+  GtkMenuItem::arrow-scaling   = 1
+  GtkMenuItem::toggle-spacing  = 12
+
+  GtkCheckButton::indicator-size    = 24
+  GtkCheckButton::indicator_spacing = 2
+  GtkOptionMenu::indicator_spacing  = {8, 8, 4, 4}
+
+  GtkTreeView::expander-size        = 16
+  GtkTreeView::vertical-separator   = 0
+  GtkTreeView::horizontal-separator = 4
+  GtkTreeView::allow-rules          = 0
+  # Set this because some apps read it
+  GtkTreeView::odd-row-color        = @base_color
+  GtkTreeView::even-row-color       = @base_color
+
+  GtkExpander::expander-size = 16
+
+  GtkNotebook::tab-overlap = 0
+
+  ##########
+  # Colors #
+  ##########
+
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  bg[INSENSITIVE] = @bg_color
+  bg[ACTIVE]      = @bg_color
+
+  fg[NORMAL]      = @fg_color
+  fg[PRELIGHT]    = @fg_color
+  fg[SELECTED]    = @fg_color
+  fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
+  fg[ACTIVE]      = @fg_color
+
+  text[NORMAL]      = @text_color
+  text[PRELIGHT]    = @text_color
+  text[SELECTED]    = @text_color
+  text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
+  text[ACTIVE]      = @text_color
+
+  base[NORMAL]      = @base_color
+  base[PRELIGHT]    = mix (0.08, @text_color, @base_color)
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @base_color)
+  base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @base_color)
+
+  # For succinctness, all reasonable pixmap options remain here
+
+  # Draw frame around menu in a non-compositied environment
+  # This needs to go before pixmap because we need to override some stuff
+  engine "adwaita" {}
+
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    ##########
+    # Arrows #
+    ##########
+
+    # Overrides
+
+    # Disable arrows in spinbuttons
+    image {
+      function = ARROW
+      detail   = "spinbutton"
+    }
+
+    # Disable arrows for qt in scrollbars
+
+    image {
+      function = ARROW
+      detail   = "vscrollbar"
+    }
+
+    image {
+      function = ARROW
+      detail   = "hscrollbar"
+    }
+
+    # Menu arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    # Regular arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-up-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-left-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-left-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-right-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-right-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    ######################
+    # Option Menu Arrows #
+    ######################
+
+    image {
+      function        = TAB
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-alt-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #########
+    # Lines #
+    #########
+
+    image {
+      function = VLINE
+      file     = "assets/border.png"
+      border   = {1, 0, 0, 0}
+    }
+
+    image {
+      function = HLINE
+      file     = "assets/border.png"
+      border   = {0, 0, 1, 0}
+    }
+
+    #########
+    # Focus #
+    #########
+
+    image {
+      function = FOCUS
+      file     = "assets/focus.png"
+      border   = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly...
+      stretch  = TRUE
+    }
+
+    ###########
+    # Handles #
+    ###########
+
+    image {
+      function        = HANDLE
+      detail          = "handlebox"
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-horz.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-horz-hover.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-horz-active.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-vert-hover.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-vert-active.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function = RESIZE_GRIP
+    }
+
+    #############
+    # Expanders #
+    #############
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = NORMAL
+      file           = "assets/pan-down-alt.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = PRELIGHT
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = ACTIVE
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = INSENSITIVE
+      file           = "assets/pan-down-alt-disabled.png"
+    }
+
+    # LTR
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-right-alt.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-right-alt-disabled.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    # RTL
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-left-alt.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-left-alt-disabled.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    #############
+    # Notebooks #
+    #############
+
+    # Left
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 1, 0, 0}
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = RIGHT
+    }
+
+    # Right
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {1, 0, 0, 0}
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = LEFT
+    }
+
+    # Up
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 0, 1}
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = BOTTOM
+    }
+
+    # Down
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 1, 0}
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = TOP
+    }
+
+    # Inner frame
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {1, 0, 0, 0}
+      gap_side   = LEFT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 1, 0, 0}
+      gap_side   = RIGHT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 1, 0}
+      gap_side   = TOP
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 0, 1}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "assets/frame-notebook.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-horz-trough.png"
+      border      = {0, 0, 1, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-ltr-trough.png"
+      border      = {1, 0, 0, 0}
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-rtl-trough.png"
+      border      = {0, 1, 0, 0}
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    # Horizontal sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-hover.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-active.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-disabled.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    # Vertical sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-hover.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-active.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-disabled.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    # RTL
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-hover.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-active.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-disabled.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    ##########
+    # Scales #
+    ##########
+
+    # Troughs, overrided later on. We set them here too because some widgets
+    # don't specify their orientation.
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    # Sliders
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "hscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "hscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-disabled.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "vscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "vscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-disabled.png"
+    }
+
+    ###########
+    # Menubar #
+    ###########
+
+    image {
+      function = BOX
+      detail   = "menubar"
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+
+    #########
+    # Menus #
+    #########
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+      border   = {0, 0, 1, 0}
+    }
+
+    ###########
+    # Entries #
+    ###########
+
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-disabled.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = ACTIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = INSENSITIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background-disabled.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    #########
+    # Spins #
+    #########
+
+    # Spin-Up LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-hover.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-active.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-disabled.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-disabled.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Up RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-disabled.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-disabled.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    # Spin-Down LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-hover.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-active.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-disabled.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-disabled.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Down RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-hover.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-active.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-disabled.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-disabled.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = VERTICAL
+    }
+
+    #############
+    # Treeviews #
+    #############
+
+    # Disable active the column highlight
+    # We need to match specific cells or we break stuff
+    # Looking at you deadbeef
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_even_sorted"
+      state    = NORMAL
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_odd_sorted"
+      state    = NORMAL
+    }
+
+    # Disable all the other shadows
+    # This prevents the Raleigh effect
+    image {
+      function = SHADOW
+    }
+  }
+}
+
+style "menubar" {
+  bg[NORMAL]      = @titlebar_bg_color
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+  bg[INSENSITIVE] = @bg_color
+  # Needed to fix Firefox's menubar text
+  bg[SELECTED]    = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+  fg[SELECTED]    = @titlebar_fg_color
+}
+
+style "menubar_item" {
+  xthickness = 3
+  ythickness = 4
+
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  bg[PRELIGHT]    = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+  xthickness = 0
+  ythickness = 0
+
+  bg[NORMAL]      = @menu_color
+  bg[INSENSITIVE] = @menu_color
+  bg[PRELIGHT]    = @menu_color
+  bg[SELECTED]    = mix(0.08, @fg_color, @menu_color)
+}
+
+style "menu_item" {
+  xthickness = 4
+  ythickness = 4
+
+  bg[PRELIGHT]   = mix(0.08, @fg_color, @menu_color)
+  fg[PRELIGHT]   = @fg_color
+  # Chromium uses this setting
+  bg[SELECTED]   = mix(0.08, @fg_color, @menu_color)
+  text[SELECTED] = @fg_color
+  # Some widgets use text, we need to handle that
+  text[NORMAL]   = @fg_color
+  text[PRELIGHT] = @fg_color
+
+  # Unfortunately we can't tell regular and menu checks/radios apart
+  # Without the heirarchy
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "separator_menu_item" {
+  xthickness = 0
+  ythickness = 2
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+  }
+}
+
+style "button_label" {
+  # fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
+  # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "normal_button_label" {
+  # fg[NORMAL] = @fg_color
+  # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
+
+  font_name = "Regular"
+}
+
+style "button" {
+  xthickness = 6
+  ythickness = 6
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/button.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/button-hover.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/button-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/button-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/button-disabled.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "link_button" {
+  # Disable the button effect, leave just the link
+  engine "pixmap" {
+    image {
+      function = BOX
+    }
+  }
+}
+
+style "entry" {
+  base[NORMAL]      = @bg_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  base[INSENSITIVE] = @bg_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @bg_color)
+
+  # We set this same as the border of the border of the entry
+  # This way there's no overlap
+  xthickness = 6
+  ythickness = 6
+}
+
+style "combobox" {
+  xthickness = 6
+  ythickness = 6
+
+  # This affects only the button beside an entry
+  GtkButton::inner-border = {0, 0, 0, 0}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/entry.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      file     = "assets/entry-hover.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/entry-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/entry-disabled.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "combobox_cellview" {
+  # text[NORMAL] = mix(0.7, @fg_color, @bg_color)
+  # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+}
+
+style "combobox_entry" {
+  # Since one side of the button is missing, we need to shift the arrow a little to the right
+  GtkButton::inner-border = {0, 2, 0, 0}
+
+  base[NORMAL] = @base_color
+  base[ACTIVE] = @base_color
+
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-left-entry.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-left-entry-active.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-left-entry-disabled.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-right-entry.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-right-entry-active.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-right-entry-disabled.png"
+      border    = {6, 6, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    ##############
+    # LTR button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-right-entry.png"
+      border    = {0, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-right-entry-hover.png"
+      border    = {0, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-right-entry-active.png"
+      border    = {0, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-right-entry-disabled.png"
+      border    = {0, 6, 6, 6}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    ##############
+    # RTL button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-left-entry.png"
+      border    = {6, 0, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-left-entry-hover.png"
+      border    = {6, 0, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-left-entry-active.png"
+      border    = {6, 0, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-left-entry-disabled.png"
+      border    = {6, 0, 6, 6}
+      stretch   = TRUE
+      direction = RTL
+    }
+  }
+}
+
+style "combo_button_padding" {
+  # Since one side of the button is missing, we need to shift the arrow a
+  # little to the right.
+  # This is the same thing we've done above but the combo, unlike the combobox,
+  # uses padding the same way as a button.
+  GtkButton::inner-border = {3, 6, 3, 3}
+}
+
+style "notebook" {
+  xthickness = 3
+  ythickness = 3
+  bg[NORMAL] = @base_color
+}
+
+style "notebook_tab_label" {
+  fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "notebook_viewport" {
+  bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+  bg[NORMAL]      = @base_color
+  bg[PRELIGHT]    = @base_color
+  bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+  base[NORMAL]      = @base_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @base_color)
+  base[INSENSITIVE] = @base_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @base_color)
+}
+
+style "normal_bg" {
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+  base[NORMAL]      = @bg_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  base[INSENSITIVE] = @bg_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @bg_color)
+}
+
+style "textview" {
+  bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "scale_vert" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "progressbar" {
+  xthickness = 0
+  ythickness = 0
+
+  fg[PRELIGHT] = @selected_fg_color
+
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+  }
+}
+
+style "treeview_header" {
+  xthickness = 2
+  ythickness = 2
+
+  fg[NORMAL]   = mix(0.7, @fg_color, @base_color)
+  fg[PRELIGHT] = @fg_color
+
+  font_name = "Medium"
+
+  GtkButton::inner-border = {4, 4, 0, 2}
+
+  engine "pixmap" {
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-ltr-button.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-ltr-button-hover.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-ltr-button-active.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-rtl-button.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-rtl-button-hover.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-rtl-button-active.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+  }
+}
+
+style "scrolled_window" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "frame" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      shadow   = NONE
+    }
+
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    image {
+      function       = SHADOW_GAP
+      file           = "assets/frame.png"
+      border         = {1, 1, 1, 1}
+      stretch        = TRUE
+      gap_start_file = "assets/border.png"
+      gap_end_file   = "assets/border.png"
+    }
+  }
+}
+
+style "tool_button" {
+  GtkButton::inner-border = {2, 2, 2, 2}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/flat-button.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/flat-button-hover.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/flat-button-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/flat-button-active.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = OUT
+      file     = "assets/flat-button-disabled.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = IN
+      file     = "assets/button-disabled.png"
+      border   = {6, 6, 6, 6}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "toolbar_separator" {
+  GtkWidget::wide-separators  = 1
+  GtkWidget::separator-width  = 1
+  GtkWidget::separator-height = 1
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+    }
+  }
+}
+
+style "inline_toolbar" {
+  # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+  bg[NORMAL]   = @base_color
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/frame-inline.png"
+      border   = {1, 1, 0, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "tooltip" {
+  xthickness = 8
+  ythickness = 8
+
+  bg[NORMAL]   = @tooltip_bg_color
+  fg[NORMAL]   = @tooltip_fg_color
+  bg[SELECTED] = @tooltip_bg_color
+}
+
+style "disable_text_shadow" {
+  engine "murrine" {
+    textstyle = 0
+  }
+}
+
+style "disable_separator" {
+  xthickness = 0
+  ythickness = 0
+
+  GtkWidget::wide-separators = 1
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton"                                                  style "button"
+class "GtkLinkButton"                                              style "link_button"
+class "GtkEntry"                                                   style "entry"
+class "GtkOldEditable"                                             style "entry"
+class "GtkNotebook"                                                style "notebook"
+class "GtkHScale"                                                  style "scale_horz"
+class "GtkVScale"                                                  style "scale_vert"
+class "GtkProgressBar"                                             style "progressbar"
+class "GtkScrolledWindow"                                          style "scrolled_window"
+class "GtkFrame"                                                   style "frame"
+class "GtkSeparatorToolItem"                                       style "toolbar_separator"
+class "GtkMenuBar"                                                 style "menubar"
+class "GtkMenu"                                                    style "menu"
+class "GtkTextView"                                                style "textview"
+
+# Menu and menubar items
+widget_class "*<GtkMenuItem>*"                                     style "menu_item"
+widget_class "*<GtkMenuBar>.<GtkMenuItem>*"                        style "menubar_item"
+widget_class "*<GtkSeparatorMenuItem>*"                            style "separator_menu_item"
+
+# Treeview buttons
+widget_class "*<GtkTreeView>*<GtkButton>*"                         style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "*<GtkFileChooserDefault>*<GtkToolbar>"               style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*<GtkComboBox>.<GtkButton>"                          style "combobox"
+widget_class "*<GtkOptionMenu>"                                    style "combobox"
+
+# And disable separators on them
+widget_class "*<GtkComboBox>.<GtkButton>*<GtkSeparator>"           style "disable_separator"
+widget_class "*<GtkFontButton>*<GtkSeparator>"                     style "disable_separator"
+widget_class "*<GtkFileChooserButton>*<GtkSeparator>"              style "disable_separator"
+
+# Join together the ComboBoxEntry entry and button
+widget_class "*<GtkComboBoxEntry>*"                                style "combobox_entry"
+
+# Join the Combo entry and button
+widget_class "*<GtkCombo>*"                                        style "combobox_entry"
+
+# Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*<GtkCombo>.<GtkButton>"                             style "combo_button_padding"
+
+# Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Tool buttons have different styles
+widget_class "*<GtkToolButton>*<GtkButton>"                        style "tool_button"
+widget_class "*<GtkVBox>*<GtkEventBox>.<GtkToolbar>*<GtkButton>"   style "tool_button"
+
+# Notebooks
+widget_class "*<GtkNotebook>.<GtkLabel>"                           style "notebook_tab_label"
+widget_class "*<GtkNotebook>.<GtkHBox>.<GtkLabel>"                 style "notebook_tab_label"
+
+# Notebooks are white, act accordingly
+widget_class "*<GtkNotebook>*<GtkEntry>"                           style "notebook_entry"
+widget_class "*<GtkNotebook>*<GtkProgressBar>"                     style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkSpinButton>"                      style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>"    style "notebook_bg"
+widget_class "*<GtkNotebook>*<GimpRuler>"                          style "notebook_bg"
+widget_class "*<GtkNotebook>.<GimpDisplayShell>*<GtkEventBox>"     style "notebook_bg"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>"             style "normal_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkProgressBar>"       style "normal_bg"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>"        style "normal_bg"
+
+# Button labels
+widget_class "*<GtkButton>.<GtkLabel>"                             style "button_label"
+
+# Normalize button labels
+widget_class "*<GtkCheckButton>.<GtkLabel>"                        style "normal_button_label"
+widget_class "*<GtkOptionMenu>.<GtkLabel>"                         style "normal_button_label"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "*<GtkComboBox>*<GtkCellView>"                        style "combobox_cellview"
+
+# Disable white text shadows
+widget_class "*<GtkLabel>"                                         style "disable_text_shadow"
+widget_class "*<GtkCellView>"                                      style "disable_text_shadow"
+
+# GTK tooltips
+widget "gtk-tooltip*"                                              style "tooltip"
diff --git a/gtk/.themes/Vague/gtk-3.0/gtk-dark.css b/gtk/.themes/Vague/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..722324a
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-3.0/gtk-dark.css
@@ -0,0 +1,8406 @@
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #8caaee 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #8caaee 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #ea999c;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 24;
+  -GtkDialog-button-spacing: 6;
+  -GtkDialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #8caaee;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, popover.background modelbutton.flat:selected,
+popover.background .menuitem.button.flat:selected, .csd treeview.view:selected, .background.csd .view:selected {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, label selection, flowbox flowboxchild:selected {
+  color: #8caaee;
+  background-color: rgba(140, 170, 238, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #8caaee;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #0a0a0a;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:active {
+  background-color: black;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #171718;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.view {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #171718;
+}
+
+textview border {
+  background-color: #161617;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+iconview:hover, iconview:selected {
+  border-radius: 6px;
+}
+
+.content-view rubberband, .content-view .rubberband, treeview.view rubberband, treeview.view XfdesktopIconView.view .rubberband, XfdesktopIconView.view treeview.view .rubberband, flowbox rubberband,
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband {
+  border: 1px solid #8caaee;
+  background-color: rgba(140, 170, 238, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 3px;
+  border-radius: 6px;
+  color: #e8e8ee;
+}
+
+flowbox flowboxchild button.osd.remove-button {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  margin: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+label:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+}
+
+.dim-label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 34px;
+  padding: 0 12px;
+  color: rgba(232, 232, 238, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #e8e8ee;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton, entry {
+  min-height: 34px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+spinbutton:focus, entry:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+spinbutton:drop(active), entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton:disabled, entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+entry image:hover, entry image:active {
+  color: #e8e8ee;
+}
+
+entry image:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry image.left {
+  margin-left: 1px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 1px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, transparent 50%, rgba(232, 232, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, transparent 50%, rgba(232, 232, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+entry.error:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #ea999c;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.error image {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+entry.error image:hover, entry.error image:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+entry.error image:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+entry.warning:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #f3be7c;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.warning image {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+entry.warning image:hover, entry.warning image:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+entry.warning image:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #8caaee;
+  background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+  background-color: #171718;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent));
+  }
+}
+
+.raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window .floating-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window .floating-bar button:focus, infobar.warning > revealer > box button:focus, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window .floating-bar button:hover, infobar.warning > revealer > box button:hover, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window .floating-bar button:active, infobar.warning > revealer > box button:active, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window .floating-bar button:checked, infobar.warning > revealer > box button:checked {
+  color: #e8e8ee;
+}
+
+.raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window .floating-bar button:disabled, infobar.warning > revealer > box button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window .floating-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.raven-notifications-group list > row button.flat, .raven .expander-button, .budgie-popover button.flat.switcher, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+  border-radius: 9999px;
+}
+
+.raven-notifications-group list > row button.flat label, .raven .expander-button label, .budgie-popover button.flat.switcher label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, notebook > header tab button.close-button, spinbutton > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px 5px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog buttonbox.linked > button,
+.budgie-polkit-dialog buttonbox.linked > button,
+.budgie-run-dialog buttonbox.linked > button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton.flat,
+popover.background .menuitem.button.flat, spinbutton > button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, .floating-bar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-session-dialog buttonbox.linked > button:focus,
+.budgie-polkit-dialog buttonbox.linked > button:focus,
+.budgie-run-dialog buttonbox.linked > button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton.flat:focus,
+popover.background .menuitem.button.flat:focus, spinbutton > button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, .floating-bar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:hover,
+.budgie-polkit-dialog buttonbox.linked > button:hover,
+.budgie-run-dialog buttonbox.linked > button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton.flat:hover,
+popover.background .menuitem.button.flat:hover, spinbutton > button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, .floating-bar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:active,
+.budgie-polkit-dialog buttonbox.linked > button:active,
+.budgie-run-dialog buttonbox.linked > button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton.flat:active,
+popover.background .menuitem.button.flat:active, spinbutton > button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, .floating-bar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:disabled,
+.budgie-polkit-dialog buttonbox.linked > button:disabled,
+.budgie-run-dialog buttonbox.linked > button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton.flat:disabled,
+popover.background .menuitem.button.flat:disabled, spinbutton > button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, .floating-bar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, .floating-bar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, .floating-bar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 5px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 11px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 11px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 7px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 7px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 5px;
+  background-color: #151516;
+  color: #e8e8ee;
+}
+
+button.osd:focus {
+  box-shadow: none;
+}
+
+button.osd:hover {
+  background-color: #383839;
+  color: #e8e8ee;
+}
+
+button.osd:active {
+  background-color: #505050;
+  color: #e8e8ee;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+  padding: 11px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+  padding: 0;
+}
+
+button.suggested-action {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(110, 133, 184, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #8caaee;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(140, 170, 238, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(234, 153, 156, 0.2), 0 4px 3px 0 rgba(234, 153, 156, 0.14), 0 1px 6px 0 rgba(234, 153, 156, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(181, 120, 123, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(234, 153, 156, 0.3), 0 2px 3px -1px rgba(234, 153, 156, 0.24), 0 2px 5px 0 rgba(234, 153, 156, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 153, 156, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea999c;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 153, 156, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+  min-width: 24px;
+  padding: 5px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link, link {
+  color: #8caaee;
+}
+
+*:visited {
+  color: #ca9ee6;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+  color: #8caaee;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+  color: #ca9ee6;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  padding: 0;
+}
+
+spinbutton > entry, .background:not(.csd) spinbutton > entry {
+  min-width: 30px;
+  margin: 0;
+  border-radius: 0;
+  border-image: none;
+}
+
+spinbutton > entry, spinbutton > entry:focus, spinbutton > entry:disabled, .background:not(.csd) spinbutton > entry, .background:not(.csd) spinbutton > entry:focus, .background:not(.csd) spinbutton > entry:disabled {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton > button {
+  border: solid 6px transparent;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+spinbutton > button.up:dir(ltr), spinbutton > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton > button.up:dir(rtl), spinbutton > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 3px;
+}
+
+spinbutton.vertical > entry {
+  margin: 0;
+  padding: 0;
+  min-height: 34px;
+  min-width: 0;
+}
+
+spinbutton.vertical > button.up {
+  margin: 0;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0;
+}
+
+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 decoration {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -1px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -1px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -34px;
+  padding-right: 34px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -34px;
+  padding-left: 34px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 5px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+  padding: 5px 9px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(232, 232, 238, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px 3px;
+  background-color: #171718;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+  transition: box-shadow 200ms ease-out;
+  padding: 6px;
+  border-radius: 12px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.toolbar {
+  background-color: #161617;
+}
+
+frame .toolbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #161617;
+}
+
+.frame .inline-toolbar {
+  border-width: 1px 0 0;
+  background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #161617;
+  color: #e8e8ee;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.csd .titlebar:backdrop {
+  background-color: #171718;
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+  background-color: #161617;
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+  background-color: #171718;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+  background-color: #8caaee;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+  background-color: #8caaee;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(20, 20, 21, 0.6);
+  background-color: #a7bef2;
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 6px 12px;
+  border-radius: 12px 12px 0 0;
+  border: none;
+  background-color: #161617;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.titlebar.default-decoration:backdrop {
+  background-color: #171718;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+  padding: 6px;
+  box-shadow: none;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 46px;
+  padding: 0 6px;
+}
+
+box.vertical headerbar {
+  background-color: #161617;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+  margin-top: 11.5px;
+  margin-bottom: 11.5px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 0;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 5px;
+  padding-right: 5px;
+  border-radius: 3px;
+  margin-left: 1px;
+  margin-right: 1px;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+  background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  background-color: alpha(currentColor, 0.16);
+  color: #e8e8ee;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(232, 232, 238, 0.3);
+  border-top-color: rgba(232, 232, 238, 0.12);
+}
+
+* {
+  -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;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected {
+  background-color: #363638;
+  color: #e8e8ee;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+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-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+  color: #e8e8ee;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #8caaee;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+  box-shadow: none;
+  background-color: #9ab3ee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #171718;
+}
+
+treeview.view header button:last-child {
+  border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #171718;
+  background-clip: border-box;
+  color: #8caaee;
+}
+
+treeview.view acceleditor > label {
+  background-color: #8caaee;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #161617;
+  color: #e8e8ee;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: #171718;
+}
+
+.csd menubar, .csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: none;
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+  transition: none;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #17171c;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #333334;
+}
+
+.csd menu {
+  border: none;
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #e8e8ee;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+menu menuitem accelerator {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+menu menuitem:disabled accelerator {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+  margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected {
+  background-color: #2c2c31;
+}
+
+menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #17171c;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #e8e8ee;
+}
+
+menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 200ms ease-out;
+  padding: 0;
+  background-color: #17171c;
+  border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+popover.background > stack {
+  margin: -4px;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+  background-color: transparent;
+  padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #17171c;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background modelbutton.flat,
+popover.background .menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #e8e8ee;
+}
+
+popover.background modelbutton.flat + modelbutton.flat,
+popover.background modelbutton.flat + box.vertical,
+popover.background .menuitem.button.flat + .menuitem.button.flat {
+  margin-top: 2px;
+}
+
+popover.background modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+popover.background modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+popover.background separator {
+  margin: 3px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: #e8e8ee;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #e8e8ee;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+notebook {
+  background-color: #171718;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+notebook.frame {
+  border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+  border: none;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+notebook > header tab button.flat:last-child, notebook > header tab button.close-button:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child, notebook > header tab button.close-button:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs > tab + tab, notebook > header.bottom tabs > tab + tab {
+  margin-left: 3px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs > tab + tab, notebook > header.right tabs > tab + tab {
+  margin-top: 3px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #171718;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(232, 232, 238, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #e8e8ee;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(232, 232, 238, 0.32);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(23, 23, 24, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(23, 23, 24, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(232, 232, 238, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(232, 232, 238, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(23, 23, 28, 0.9);
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+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 {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border: none;
+  border-radius: 9999px;
+  background-color: rgba(232, 232, 238, 0.5);
+  background-clip: padding-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #8caaee;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 18px;
+  min-height: 18px;
+  margin: 3px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+  background-color: white;
+  border: none;
+  color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 20px;
+  min-width: 20px;
+  margin: 3px;
+  padding: 0;
+  border-radius: 9999px;
+  color: transparent;
+  background-color: rgba(232, 232, 238, 0.12);
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.04);
+  background-color: rgba(232, 232, 238, 0.15);
+}
+
+check:active,
+radio:active {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.12);
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+check:focus,
+radio:focus {
+  outline: none;
+}
+
+check:disabled,
+radio:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #8caaee;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15);
+  background-color: #b8cbf5;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2);
+  background-color: #8caaee;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(20, 20, 21, 0.38);
+  background-color: rgba(140, 170, 238, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -3px;
+  margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: 6px;
+  margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+  margin-right: 6px;
+  margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+  margin-left: 6px;
+  margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+  box-shadow: none;
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+  box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 16px 12px;
+}
+
+scale.vertical {
+  padding: 12px 16px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#8caaee);
+}
+
+scale highlight:disabled {
+  background-color: #171718;
+  background-image: image(rgba(232, 232, 238, 0.32));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #8caaee;
+  background-color: #171718;
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(232, 232, 238, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(232, 232, 238, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(232, 232, 238, 0.32);
+}
+
+scale marks,
+scale value {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(232, 232, 238, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #8caaee;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #8caaee;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 34px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 34px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #f3be7c;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #8caaee;
+}
+
+levelbar block.full {
+  background-color: #a6d189;
+}
+
+levelbar block.empty {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.frame.view {
+  border-radius: 6px;
+}
+
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 100% 5%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 100% 5%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 5% 100%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 5% 100%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #17171c;
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list#ListBoxTweakGroup list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+  background: none;
+  min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, list#ListBoxTweakGroup list row, .tweak-group-startup > row, list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), list#ListBoxTweakGroup list row:not(:first-child), .tweak-group-startup > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, list#ListBoxTweakGroup list row:first-child, .tweak-group-startup > row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, list#ListBoxTweakGroup list row:last-child, .tweak-group-startup > row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, list#ListBoxTweakGroup list row:only-child, .tweak-group-startup > row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, list#ListBoxTweakGroup list row:focus, .tweak-group-startup > row:focus, list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+list.navigation-sidebar > row {
+  border-radius: 6px;
+}
+
+paned scrolledwindow > viewport.frame > list {
+  background-color: transparent;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+  background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+  color: #e8e8ee;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  padding: 6px 15px;
+}
+
+.app-notification button.flat:last-child {
+  margin-right: -9px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #8caaee;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #e8e8ee;
+}
+
+expander title > arrow:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 1px;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+calendar:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+calendar:selected {
+  border-radius: 7px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #17171c;
+}
+
+messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop {
+  background-color: #17171c;
+}
+
+messagedialog.background.csd {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-color: #17171c;
+}
+
+messagedialog.background.csd .titlebar, messagedialog.background.csd .titlebar:backdrop {
+  background-color: #17171c;
+}
+
+messagedialog .titlebar, messagedialog.background.csd .titlebar {
+  border: none;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+  color: #8caaee;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+  color: #ea999c;
+}
+
+.csd filechooser {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+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 rgba(232, 232, 238, 0.12);
+  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 rgba(232, 232, 238, 0.12);
+  border-right-style: none;
+}
+
+.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.sidebar list {
+  padding: 3px;
+  background-color: #171718;
+}
+
+stacksidebar.sidebar row {
+  min-height: 34px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 34px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: rgba(232, 232, 238, 0.12);
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #8caaee;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #8caaee;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(232, 232, 238, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #171718;
+  background-image: image(rgba(232, 232, 238, 0.12)), image(rgba(232, 232, 238, 0.12));
+  background-size: 1px 1px, 1px 1px;
+}
+
+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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+  background-color: #171718;
+}
+
+infobar.info > revealer > box, infobar.info > revealer > box link:link, infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, infobar.info:hover > revealer > box link:link, infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, infobar.info:backdrop > revealer > box link:link, infobar.info:backdrop > revealer > box flowboxchild {
+  color: #8caaee;
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+  color: #8caaee;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+  background-color: #8caaee;
+}
+
+infobar.action > revealer > box, infobar.action > revealer > box link:link, infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, infobar.action:backdrop > revealer > box link:link, infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, infobar.question > revealer > box link:link, infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, infobar.question:backdrop > revealer > box link:link, infobar.question:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+  background-color: #769aeb;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+  background-color: #f3be7c;
+}
+
+infobar.warning > revealer > box, infobar.warning > revealer > box link:link, infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, infobar.warning:backdrop > revealer > box link:link, infobar.warning:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #f1b265;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error > revealer > box, infobar.error > revealer > box link:link, infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, infobar.error:backdrop > revealer > box link:link, infobar.error:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #e68487;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+  border-radius: 6px;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #e8e8ee;
+}
+
+colorswatch.light {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 200ms ease-out;
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #8caaee;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 200ms ease-out;
+  border-radius: 6px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #171718;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: none;
+  border-radius: 12px;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), 0 0 36px transparent;
+  margin: 10px;
+}
+
+.background.csd decoration {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  background-clip: border-box;
+  background-color: #171718;
+}
+
+decoration:backdrop {
+  transition: box-shadow 200ms ease-out;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), 0 0 36px transparent;
+}
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+  border-radius: 0;
+}
+
+.maximized decoration, .fullscreen decoration {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+  border: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 6px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #161617;
+  border: 1px solid #333334;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #171718;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+  box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #f3be7c;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f0c999;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #7fa563;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #99b686;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #d8647e;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #dc859a;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  box-shadow: none;
+  color: transparent;
+  animation: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/minimize-symbolic.svg"), url("assets/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/maximize-symbolic.svg"), url("assets/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/close-symbolic.svg"), url("assets/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-image: -gtk-scaled(url("assets/unmaximize-symbolic.svg"), url("assets/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #8caaee;
+  -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(232, 232, 238, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(232, 232, 238, 0.12);
+  background-color: #17171c;
+  color: #e8e8ee;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #8caaee;
+}
+
+stackswitcher {
+  min-height: 0;
+  padding: 3px;
+  border-radius: 9px;
+  background-color: rgba(232, 232, 238, 0.04);
+  border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0;
+  background-color: transparent;
+  border-radius: 6px;
+  padding: 2px 9px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) + button {
+  margin-left: 3px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+  box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #e8e8ee;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 34px;
+  min-height: 34px;
+  padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker.background entry {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker.background entry:focus {
+  border-bottom: 1px solid #8caaee;
+  box-shadow: inset 0 -1px #8caaee;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #8caaee;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+  border-radius: 0 0 12px 12px;
+  background-color: #161617;
+}
+
+.nautilus-window.background.csd:backdrop {
+  background-color: #171718;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+  border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+  background-color: transparent;
+  border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+  min-width: 12px;
+  box-shadow: 12px 0 #171718;
+  background-color: #171718;
+  background-image: image(#323233);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  margin: 6px;
+  padding: 2px;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+  border-radius: 6px;
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  border: none;
+}
+
+.nautilus-window .floating-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 2px;
+  margin: 2px;
+}
+
+.floating-bar {
+  min-height: 28px;
+  padding: 0;
+  border: 1px solid #333334;
+  border-radius: 0;
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.floating-bar.bottom.right {
+  border-top-left-radius: 6px;
+  border-right: none;
+  border-bottom: none;
+}
+
+.floating-bar.bottom.left {
+  border-top-right-radius: 6px;
+  border-left: none;
+  border-bottom: none;
+}
+
+.floating-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 9999px;
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #e8e8ee;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 11px;
+  padding-right: 11px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  background-color: rgba(232, 232, 238, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(232, 232, 238, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #e8e8ee;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: rgba(232, 232, 238, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #8caaee;
+  color: #8caaee;
+}
+
+.disk-space-display.free {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: rgba(232, 232, 238, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #594936;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+  border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+  border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+  margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #161617;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(232, 232, 238, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #f3be7c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #161617;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 10px;
+  padding: 6px;
+  background-color: #17171c;
+  border-radius: 0 0 12px 12px;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #17171c;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+  border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.tweak-categories > row + row {
+  margin-top: 3px;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+leaflet list.navigation-sidebar {
+  background-color: #161617;
+}
+
+leaflet list.navigation-sidebar > row + row {
+  margin-top: 3px;
+}
+
+window.background.csd:not(.maximized) leaflet list.navigation-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#171718);
+}
+
+.tweak-group-startup {
+  padding: 0;
+}
+
+.tweak-group-startup > row.tweak-startup {
+  background-color: transparent;
+  background-image: none;
+}
+
+list.tweak-group list, list#ListBoxTweakGroup list {
+  padding: 0;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+  background-color: #171718;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+  border-radius: 6px;
+  background: none;
+}
+
+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: #171718;
+  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;
+  padding: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable {
+  border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row {
+  margin-top: 3px;
+}
+
+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 stack.background clamp.medium frame > box.vertical > box.vertical > list {
+  border-top-width: 0;
+  border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+  border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+  border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+  border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+  border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+  border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > notebook,
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+  background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) {
+  padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable {
+  border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+  margin-right: -6px;
+}
+
+/*****************
+ * 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;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.12);
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  margin: -1px 0;
+  border-bottom: none;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+  margin: 6px 0;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar {
+  padding: 0 12px 0 6px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+  padding: 0 3px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 6px;
+  margin: -6px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 0 6px 6px;
+  margin: 0 -6px -6px 0;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+  margin-right: -1px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 3px;
+  margin: -1px -6px -6px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+  margin-right: -1px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box {
+  padding: 0 6px 6px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #171718;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+  background-image: image(#171718);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+layouttabbar > box > button {
+  margin: 3px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(20, 20, 21, 0.25);
+  box-shadow: inset 0 -2px #8caaee;
+  background-color: #171718;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+  margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+  border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: #171718;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #161617;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+  border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #8caaee 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #8caaee;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+dockoverlayedge {
+  background-color: #171718;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #8caaee;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #8caaee;
+}
+
+pillbox {
+  background-color: #171718;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: #171718;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+button.dzlmenubutton image {
+  min-width: 28px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 25px;
+}
+
+button.dzlmenubuttonitem {
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #e8e8ee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #171718;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #8caaee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #8caaee;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #e8e8ee;
+}
+
+button.photos-filter-preview:checked image {
+  color: #e8e8ee;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#161617);
+}
+
+.side-panel .view:hover {
+  background-image: image(#272728);
+}
+
+.side-panel .view:selected {
+  background-image: image(#8caaee);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(132, 161, 224, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+  border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #171718;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: #171718;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #171718;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+  border-width: 0;
+  border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+  background-color: #171718;
+}
+
+.terminal-window tabbar tabbox {
+  background-color: #161617;
+  margin: 0;
+  border-radius: 0;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -5px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -5px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+list.categories {
+  background-image: image(#161617);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 34px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+  color: #e8e8ee;
+  background-color: #171718;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #171718;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+  background-color: #161617;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+  background-color: #171718;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+  border-radius: 6px;
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  border-bottom-width: 0;
+  background-color: #171718;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #171718;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified {
+  background-color: #171718;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#17171c);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 30px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+.terminator-terminal-window paned > separator {
+  background-color: #171718;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.meld-notebook, .meld-notebook > stack {
+  background: none;
+  border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+  background-color: #161617;
+  border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+  background: none;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar {
+  padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  border-radius: 6px;
+}
+
+window.background.chromium {
+  background-color: #17171c;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #333334;
+}
+
+window.background.chromium > button {
+  color: #8caaee;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+window.background.chromium headerbar.titlebar {
+  padding: 0 12px;
+}
+
+window.background.chromium headerbar.titlebar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #8caaee;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid rgba(232, 232, 238, 0.3);
+  background-color: #171718;
+}
+
+window.background.chromium menu {
+  border-color: #3f3f42;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #0e0e0e;
+}
+
+#MozillaGtkWidget decoration {
+  border: none;
+}
+
+#MozillaGtkWidget > widget text {
+  background-color: #17171c;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #333334;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #333334;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #333334;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #171718;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #8caaee;
+  box-shadow: inset 0 0 0 1px #8caaee;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #161617;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+  color: #1c1c24;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+  color: #252530;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(28, 28, 36, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #e8e8ee;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #333334;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #333334;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+  font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+  padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+  min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+  border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+  margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+}
+
+#TopToolbars .toolbar {
+  background: none;
+}
+
+#Statusbar {
+  padding: 3px 0 3px 8px;
+}
+
+#Statusbar spinbutton, #Statusbar box > button.flat {
+  margin: 3px 0;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+  padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+  min-height: 16px;
+  min-width: 24px;
+  padding: 8px 4px;
+}
+
+window.bright.symbolic scrolledwindow > viewport.frame > notebook tabs > tab {
+  padding: 3px 6px;
+}
+
+window.bright.symbolic scrolledwindow > viewport.frame > notebook tabs > tab button.close-button {
+  margin: 4px 0;
+}
+
+popover#ContextMenu {
+  border-radius: 12px;
+}
+
+popover#ContextMenu modelbutton.flat {
+  border-radius: 6px;
+  transition: none;
+}
+
+popover#ContextMenu modelbutton.flat:hover, popover#ContextMenu modelbutton.flat:selected, popover#ContextMenu modelbutton.flat:focus {
+  background-color: #8caaee;
+}
+
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+  background-color: #171718;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+  border: none;
+  border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+  border-radius: 6px;
+}
+
+window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) {
+  background-color: #161617;
+}
+
+window.background:not(.csd) > box > widget > widget > widget > widget > widget > widget > widget > scrolledwindow entry:focus {
+  background-color: #232324;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+  -UnityDecoration-extents: 28px 0 0 0;
+  -UnityDecoration-input-extents: 8px;
+  -UnityDecoration-shadow-offset-x: 0;
+  -UnityDecoration-shadow-offset-y: 3px;
+  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+  -UnityDecoration-active-shadow-radius: 18px;
+  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+  -UnityDecoration-inactive-shadow-radius: 6px;
+  -UnityDecoration-glow-size: 8px;
+  -UnityDecoration-glow-color: #8caaee;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #171718;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #151516;
+  color: #e8e8ee;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #8caaee;
+}
+
+.lightdm.menu {
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  color: white;
+}
+
+.lightdm.menu .menuitem *,
+.lightdm.menu .menuitem.check:active,
+.lightdm.menu .menuitem.radio:active {
+  color: white;
+}
+
+.lightdm.menubar {
+  color: rgba(255, 255, 255, 0.8);
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.lightdm.menubar > .menuitem {
+  padding: 2px 6px;
+}
+
+.lightdm-combo .menu {
+  background-color: #171718;
+  border-radius: 0;
+  padding: 0;
+  color: #e8e8ee;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #e8e8ee;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+  padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+  min-height: 28px;
+  padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+  -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+  padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+  padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+  min-width: 24px;
+  padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+  background-color: transparent;
+  color: #8caaee;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #8caaee;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+  padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+na-tray-applet {
+  -NaTrayApplet-icon-padding: 3px;
+  -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+  -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+#mate-menu {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  background-color: #17171c;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 5px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #8caaee;
+}
+
+.brisk-menu .session-button {
+  padding: 11px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #171718;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+  background-image: none;
+  color: #e8e8ee;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #171718;
+  color: #e8e8ee;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+  padding: 0 4px;
+  border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #8caaee;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #8caaee;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  background: none;
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border: none;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list {
+  border-right: 1px solid #333334;
+}
+
+.budgie-popover {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+  background-color: #171718;
+  border-radius: 12px;
+}
+
+.budgie-popover frame.container {
+  padding: 6px;
+  border: none;
+}
+
+.budgie-popover frame.container .container {
+  padding: 0;
+}
+
+.budgie-popover list, .budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover separator.horizontal {
+  margin: 3px 0;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background: none;
+  border-right: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list {
+  background-color: rgba(232, 232, 238, 0.04);
+  border-radius: 3px;
+  padding: 3px 0;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator {
+  margin: 0;
+  background-color: transparent;
+  min-width: 0;
+  min-height: 0;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow {
+  margin-left: 3px;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable {
+  border-radius: 3px;
+}
+
+.budgie-popover treeview.view.sidebar {
+  border-right: none;
+  background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+  background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+  background-color: rgba(232, 232, 238, 0.04);
+  padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu {
+  border-radius: 12px;
+  background-color: #171718;
+  padding: 6px;
+  margin: 6px;
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable {
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) {
+  margin-bottom: 3px;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem {
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat {
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat.user-icon-button {
+  padding-right: 9px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button {
+  border-radius: 9999px;
+  padding: 6px;
+  min-height: 16px;
+  min-width: 16px;
+  margin-left: 9px;
+  background-clip: border-box;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+  margin-bottom: 0;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.sound-popover .container {
+  padding: 0;
+}
+
+.budgie-popover.sound-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(232, 232, 238, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+  border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+  border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+  border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  border: 0 solid rgba(232, 232, 238, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr) {
+  border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl) {
+  border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item {
+  border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button {
+  border-radius: 6px;
+}
+
+.budgie-panel .workspace-switcher .workspace-add-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 6px;
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(21, 21, 22, 0.75);
+}
+
+.budgie-panel .icon-tasklist button.launcher:checked, .budgie-panel .icon-tasklist button.launcher:active {
+  color: #e8e8ee;
+}
+
+.top .budgie-panel.dock-mode {
+  border-radius: 0 0 18px 18px;
+}
+
+.bottom .budgie-panel.dock-mode {
+  border-radius: 18px 18px 0 0;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 18px;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-top-right-radius: 18px;
+}
+
+.left .budgie-panel.dock-mode {
+  border-radius: 0 18px 18px 0;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist .launcher:first-child {
+  border-top-right-radius: 18px;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist .launcher:last-child {
+  border-bottom-right-radius: 18px;
+}
+
+.right .budgie-panel.dock-mode {
+  border-radius: 18px 0 0 18px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist .launcher:first-child {
+  border-top-left-radius: 18px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist .launcher:last-child {
+  border-bottom-left-radius: 18px;
+}
+
+.budgie-panel button {
+  color: rgba(232, 232, 238, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #e8e8ee;
+}
+
+.budgie-panel button:active {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  box-shadow: none;
+  border: none;
+  color: #e8e8ee;
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 6px;
+}
+
+.budgie-panel.vertical button {
+  padding: 6px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.budgie-panel .alert {
+  color: #ea999c;
+}
+
+.budgie-panel > box > widget > widget > image,
+.budgie-panel > box > widget > widget > stack > image,
+.budgie-panel > box > widget > widget > box > image {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > image + label {
+  margin-left: -4px;
+}
+
+.budgie-panel > box > widget > widget > box > widget > image {
+  margin-left: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > stack > widget > label {
+  margin-right: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > widget > widget > image {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.budgie-panel .budgie-clock-applet > widget > box,
+.budgie-panel .budgie-calendar-applet > widget > box {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+  color: #e8e8ee;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(232, 232, 238, 0.7);
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #e8e8ee;
+}
+
+.budgie-panel menubar menu separator,
+.budgie-panel .menubar menu separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.budgie-panel #tasklist-button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+  padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #17171c;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 34px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 11px;
+  border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(232, 232, 238, 0.06);
+  color: #e8e8ee;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+  color: #e8e8ee;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+.raven levelbar, .raven levelbar trough, .raven levelbar block {
+  border-radius: 9999px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 11px;
+}
+
+image.raven-mpris {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 6px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+  padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+  margin-left: -6px;
+  margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+  padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+  padding: 6px;
+  background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+  border: none;
+  padding: 6px;
+  padding-left: 12px;
+  margin: 3px;
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+  background: none;
+  box-shadow: none;
+}
+
+.raven-notifications-group .raven-notifications-group-header {
+  padding-left: 6px;
+}
+
+.raven-notifications-group list > row {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.raven-notifications-group list > row .notification-clone {
+  padding-left: 6px;
+}
+
+.drop-shadow {
+  margin: 12px;
+  padding: 6px;
+  border-radius: 12px;
+  background-color: #17171c;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(232, 232, 238, 0.1), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-notification-window, .budgie-switcher-window {
+  background: none;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 110%;
+  color: #e8e8ee;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-osd-window {
+  background: none;
+}
+
+.budgie-osd-window > box {
+  border-radius: 12px;
+  padding: 3px;
+  margin: 0;
+}
+
+.budgie-osd {
+  color: #e8e8ee;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 110%;
+}
+
+.budgie-switcher-window .drop-shadow {
+  border-radius: 12px;
+  padding: 0;
+}
+
+.budgie-switcher-window > box {
+  padding: 6px;
+  border-radius: 12px;
+}
+
+.budgie-switcher-window flowbox {
+  color: #e8e8ee;
+  padding: 0;
+}
+
+.budgie-switcher-window flowboxchild {
+  padding: 6px;
+  margin: 0;
+  color: #e8e8ee;
+  border-radius: 6px;
+  transition: background-color 75ms ease-out;
+}
+
+.budgie-switcher-window flowboxchild:hover {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-switcher-window flowboxchild:active {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-switcher-window flowboxchild:selected {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.1);
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  background-color: #17171c;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+
+.budgie-session-dialog > box > grid,
+.budgie-polkit-dialog > box > grid,
+.budgie-run-dialog > box > grid {
+  padding: 24px;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog.background.csd > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog.background.csd > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog.background.csd > decoration {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog.background,
+.budgie-polkit-dialog.background,
+.budgie-run-dialog.background {
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.budgie-session-dialog.background.csd > decoration,
+.budgie-polkit-dialog.background.csd > decoration,
+.budgie-run-dialog.background.csd > decoration {
+  border: none;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 110%;
+}
+
+.budgie-session-dialog buttonbox.linked > button,
+.budgie-polkit-dialog buttonbox.linked > button,
+.budgie-run-dialog buttonbox.linked > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog buttonbox.linked > button.suggested-action:not(:disabled),
+.budgie-polkit-dialog buttonbox.linked > button.suggested-action:not(:disabled),
+.budgie-run-dialog buttonbox.linked > button.suggested-action:not(:disabled) {
+  color: #8caaee;
+}
+
+.budgie-session-dialog buttonbox.linked > button.destructive-action:not(:disabled),
+.budgie-polkit-dialog buttonbox.linked > button.destructive-action:not(:disabled),
+.budgie-run-dialog buttonbox.linked > button.destructive-action:not(:disabled) {
+  color: #ea999c;
+}
+
+.budgie-session-dialog buttonbox.linked > button:first-child,
+.budgie-polkit-dialog buttonbox.linked > button:first-child,
+.budgie-run-dialog buttonbox.linked > button:first-child {
+  border-bottom-left-radius: 12px;
+  border-top-left-radius: 0;
+}
+
+.budgie-session-dialog buttonbox.linked > button:last-child,
+.budgie-polkit-dialog buttonbox.linked > button:last-child,
+.budgie-run-dialog buttonbox.linked > button:last-child {
+  border-bottom-right-radius: 12px;
+  border-top-right-radius: 0;
+}
+
+.budgie-power-dialog .titlebar, .budgie-power-dialog .titlebar:backdrop {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-power-dialog.background {
+  border-radius: 18px;
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.budgie-power-dialog.background.csd > decoration {
+  border: none;
+  border-radius: 18px;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea999c;
+}
+
+.budgie-polkit-dialog > box > grid {
+  padding-bottom: 0;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 110%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #e8e8ee;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #171718;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0 6px;
+  border-radius: 0;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.xfce4-panel.background button:hover, .xfce4-panel.background button:active, .xfce4-panel.background button:checked {
+  color: #e8e8ee;
+}
+
+.xfce4-panel.background button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.xfce4-panel.background button.flat.toggle {
+  padding: 0 6px;
+}
+
+.xfce4-panel.background .tasklist button {
+  padding: 0 6px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #8caaee;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+  border: none;
+}
+
+#xfce-panel-button {
+  -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+window#whiskermenu-window {
+  border-radius: 12px;
+  background-color: transparent;
+  border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+  background-color: #171718;
+}
+
+window#whiskermenu-window > frame > border {
+  border-radius: 12px;
+  padding: 6px 8px 6px 9px;
+  margin: 6px;
+  border: none;
+  background-color: #171718;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+  padding: 3px 6px;
+  margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+  background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+  padding: 3px;
+  background-color: #171718;
+  border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+  border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+  background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+#XfceNotifyWindow {
+  background-color: #171718;
+  border-radius: 12px;
+  border: 1px solid rgba(20, 20, 21, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+dialog.xfsm-logout-dialog {
+  border-radius: 12px;
+  background-color: rgba(23, 23, 24, 0.97);
+  border: 1px solid rgba(20, 20, 21, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -XfwmTabwinWidget-icon-size: 64px;
+  -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border: none;
+}
+
+.thunar .standard-view.frame widget.view {
+  border-radius: 6px;
+}
+
+.thunar .standard-view.frame .view:hover {
+  color: #e8e8ee;
+}
+
+.thunar .standard-view.frame .view:selected {
+  color: rgba(20, 20, 21, 0.87);
+  background: #8caaee;
+}
+
+.thunar scrolledwindow.frame.sidebar {
+  border-top: none;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+  background: none;
+  border: none;
+  box-shadow: none;
+  animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+  color: #e8e8ee;
+  border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+#panel_window menubar,
+#panel_window separator {
+  background-color: transparent;
+}
+
+#panel_window separator {
+  padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+  padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #e8e8ee;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  border-radius: 6px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+  color: #e8e8ee;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#login_window GtkComboBox {
+  background: none;
+}
+
+#login_window GtkComboBox .button, #login_window GtkComboBox .button:hover, #login_window GtkComboBox .button:active, #login_window GtkComboBox .button:focus {
+  padding: 0;
+  background: none;
+  border-style: none;
+  box-shadow: none;
+}
+
+#user_image {
+  padding: 3px;
+  border-radius: 3px;
+}
+
+#user_image_border {
+  border-radius: 3px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #8caaee;
+}
+
+#greeter_infobar {
+  font-weight: bold;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #161617;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar:backdrop {
+  background-color: #171718;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+  border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #161617;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.nemo-window .toolbar {
+  padding: 2px;
+  margin: -2px;
+}
+
+.nemo-window .toolbar button {
+  margin: 3px 0;
+  padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+  margin: 6px 0;
+}
+
+.nemo-window.background.csd .toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+.nemo-window.background.csd.maximized .toolbar {
+  border-radius: 0;
+}
+
+.places-treeview {
+  -NemoPlacesTreeView-disk-full-bg-color: #565658;
+  -NemoPlacesTreeView-disk-full-fg-color: #8caaee;
+  -NemoPlacesTreeView-disk-full-bar-width: 2px;
+  -NemoPlacesTreeView-disk-full-bar-radius: 0;
+  -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+  -NemoPlacesTreeView-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #e8e8ee;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #e8e8ee;
+/*
+widget base background color */
+@define-color theme_bg_color #171718;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171718;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #8caaee;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(20, 20, 21, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #171718;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(232, 232, 238, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #161617;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e8e8ee;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e8e8ee;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #171718;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #171718;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #8caaee;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(20, 20, 21, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(232, 232, 238, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(232, 232, 238, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(232, 232, 238, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #f3be7c;
+@define-color error_color #ea999c;
+@define-color success_color #a6d189;
+/*
+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 #e8e8ee;
+@define-color wm_unfocused_title rgba(232, 232, 238, 0.7);
+@define-color wm_highlight rgba(232, 232, 238, 0.1);
+@define-color wm_border #050505;
+@define-color wm_bg #161617;
+@define-color wm_unfocused_bg #171718;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d8647e;
+@define-color wm_button_close_active_bg #cc3355;
+@define-color wm_button_max_hover_bg #7fa563;
+@define-color wm_button_max_active_bg #61814a;
+@define-color wm_button_min_hover_bg #f3be7c;
+@define-color wm_button_min_active_bg #eea244;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #171718;
+@define-color placeholder_text_color #a9a9ae;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #171718;
+@define-color budgie_tasklist_indicator_color rgba(232, 232, 238, 0.3);
+@define-color budgie_tasklist_indicator_color_active #8caaee;
+@define-color budgie_tasklist_indicator_color_active_window #55658b;
+@define-color budgie_tasklist_indicator_color_attention #f3be7c;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk/.themes/Vague/gtk-3.0/gtk.css b/gtk/.themes/Vague/gtk-3.0/gtk.css
new file mode 100644
index 0000000..722324a
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-3.0/gtk.css
@@ -0,0 +1,8406 @@
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #8caaee 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #8caaee 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #ea999c;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 24;
+  -GtkDialog-button-spacing: 6;
+  -GtkDialog-action-area-border: 6;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 6px;
+  -gtk-secondary-caret-color: #8caaee;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, popover.background modelbutton.flat:selected,
+popover.background .menuitem.button.flat:selected, .csd treeview.view:selected, .background.csd .view:selected {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, label selection, flowbox flowboxchild:selected {
+  color: #8caaee;
+  background-color: rgba(140, 170, 238, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #8caaee;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > entry {
+  border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > entry:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > entry:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > entry:only-child {
+  border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > entry {
+  border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > entry:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > entry:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > entry:only-child {
+  border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.background.csd {
+  border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #0a0a0a;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:active {
+  background-color: black;
+  color: #e8e8ee;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #171718;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.view {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.view:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.view:selected:hover {
+  box-shadow: none;
+}
+
+window.background.csd > stack.view {
+  border-radius: 0 0 12px 12px;
+}
+
+textview text {
+  background-color: #171718;
+}
+
+textview border {
+  background-color: #161617;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+iconview:hover, iconview:selected {
+  border-radius: 6px;
+}
+
+.content-view rubberband, .content-view .rubberband, treeview.view rubberband, treeview.view XfdesktopIconView.view .rubberband, XfdesktopIconView.view treeview.view .rubberband, flowbox rubberband,
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband {
+  border: 1px solid #8caaee;
+  background-color: rgba(140, 170, 238, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 3px;
+  border-radius: 6px;
+  color: #e8e8ee;
+}
+
+flowbox flowboxchild button.osd.remove-button {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  margin: 6px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+label:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+  color: inherit;
+}
+
+label.osd {
+  border-radius: 6px;
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+}
+
+.dim-label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 34px;
+  padding: 0 12px;
+  color: rgba(232, 232, 238, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #e8e8ee;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-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;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton, entry {
+  min-height: 34px;
+  padding: 0 8px;
+  border-radius: 6px;
+  caret-color: currentColor;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+spinbutton:focus, entry:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+spinbutton:drop(active), entry:drop(active) {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton:disabled, entry:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+entry image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+entry image:hover, entry image:active {
+  color: #e8e8ee;
+}
+
+entry image:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry image.left {
+  margin-left: 1px;
+  margin-right: 6px;
+}
+
+entry image.right {
+  margin-left: 6px;
+  margin-right: 1px;
+}
+
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, transparent 50%, rgba(232, 232, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, transparent 50%, rgba(232, 232, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+  margin: 0 4px;
+  margin: 4px 0;
+}
+
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+entry.error:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #ea999c;
+}
+
+entry.error:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.error image {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+entry.error image:hover, entry.error image:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+entry.error image:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+entry.warning:focus {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #f3be7c;
+}
+
+entry.warning:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+entry.warning image {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+entry.warning image:hover, entry.warning image:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+entry.warning image:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+entry progress {
+  margin: 2px -8px;
+  border-bottom: 2px solid #8caaee;
+  background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+  background-color: #171718;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent));
+  }
+}
+
+.raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window .floating-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window .floating-bar button:focus, infobar.warning > revealer > box button:focus, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window .floating-bar button:hover, infobar.warning > revealer > box button:hover, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window .floating-bar button:active, infobar.warning > revealer > box button:active, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window .floating-bar button:checked, infobar.warning > revealer > box button:checked {
+  color: #e8e8ee;
+}
+
+.raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window .floating-bar button:disabled, infobar.warning > revealer > box button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window .floating-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.raven-notifications-group list > row button.flat, .raven .expander-button, .budgie-popover button.flat.switcher, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+  border-radius: 9999px;
+}
+
+.raven-notifications-group list > row button.flat label, .raven .expander-button label, .budgie-popover button.flat.switcher label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+  padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, notebook > header tab button.close-button, spinbutton > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px 5px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+button:drop(active) {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog buttonbox.linked > button,
+.budgie-polkit-dialog buttonbox.linked > button,
+.budgie-run-dialog buttonbox.linked > button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton.flat,
+popover.background .menuitem.button.flat, spinbutton > button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, .floating-bar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-session-dialog buttonbox.linked > button:focus,
+.budgie-polkit-dialog buttonbox.linked > button:focus,
+.budgie-run-dialog buttonbox.linked > button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton.flat:focus,
+popover.background .menuitem.button.flat:focus, spinbutton > button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, .floating-bar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:hover,
+.budgie-polkit-dialog buttonbox.linked > button:hover,
+.budgie-run-dialog buttonbox.linked > button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton.flat:hover,
+popover.background .menuitem.button.flat:hover, spinbutton > button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, .floating-bar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:active,
+.budgie-polkit-dialog buttonbox.linked > button:active,
+.budgie-run-dialog buttonbox.linked > button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton.flat:active,
+popover.background .menuitem.button.flat:active, spinbutton > button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, .floating-bar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #e8e8ee;
+}
+
+.budgie-session-dialog buttonbox.linked > button:disabled,
+.budgie-polkit-dialog buttonbox.linked > button:disabled,
+.budgie-run-dialog buttonbox.linked > button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton.flat:disabled,
+popover.background .menuitem.button.flat:disabled, spinbutton > button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, .floating-bar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, .floating-bar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, .floating-bar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+  background-color: alpha(currentColor, 0.1);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 5px;
+}
+
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 11px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 11px;
+}
+
+button.text-button.image-button.flat label:first-child {
+  margin-left: 7px;
+}
+
+button.text-button.image-button.flat label:last-child {
+  margin-right: 7px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+  border-radius: 6px;
+}
+
+button.osd {
+  min-width: 24px;
+  min-width: 24px;
+  padding: 5px;
+  background-color: #151516;
+  color: #e8e8ee;
+}
+
+button.osd:focus {
+  box-shadow: none;
+}
+
+button.osd:hover {
+  background-color: #383839;
+  color: #e8e8ee;
+}
+
+button.osd:active {
+  background-color: #505050;
+  color: #e8e8ee;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+  padding: 11px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+  padding: 0;
+}
+
+button.suggested-action {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.suggested-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12);
+}
+
+button.suggested-action:checked {
+  background-color: rgba(110, 133, 184, 0.961);
+}
+
+button.suggested-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12);
+}
+
+button.suggested-action:focus {
+  box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35);
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #8caaee;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+button.suggested-action.flat:checked {
+  background-color: rgba(140, 170, 238, 0.3);
+}
+
+button.destructive-action {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: none;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.destructive-action:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(234, 153, 156, 0.2), 0 4px 3px 0 rgba(234, 153, 156, 0.14), 0 1px 6px 0 rgba(234, 153, 156, 0.12);
+}
+
+button.destructive-action:checked {
+  background-color: rgba(181, 120, 123, 0.961);
+}
+
+button.destructive-action:checked:hover {
+  box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(234, 153, 156, 0.3), 0 2px 3px -1px rgba(234, 153, 156, 0.24), 0 2px 5px 0 rgba(234, 153, 156, 0.12);
+}
+
+button.destructive-action:focus {
+  box-shadow: 0 0 0 2px rgba(234, 153, 156, 0.35);
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #ea999c;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.32);
+}
+
+button.destructive-action.flat:checked {
+  background-color: rgba(234, 153, 156, 0.3);
+}
+
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+  min-width: 24px;
+  padding: 5px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link, link {
+  color: #8caaee;
+}
+
+*:visited {
+  color: #ca9ee6;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+  color: #8caaee;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+  color: #ca9ee6;
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  padding: 0;
+}
+
+spinbutton > entry, .background:not(.csd) spinbutton > entry {
+  min-width: 30px;
+  margin: 0;
+  border-radius: 0;
+  border-image: none;
+}
+
+spinbutton > entry, spinbutton > entry:focus, spinbutton > entry:disabled, .background:not(.csd) spinbutton > entry, .background:not(.csd) spinbutton > entry:focus, .background:not(.csd) spinbutton > entry:disabled {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton > button {
+  border: solid 6px transparent;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+  box-shadow: inset 0 0 0 9999px transparent;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+spinbutton > button.up:dir(ltr), spinbutton > button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton > button.up:dir(rtl), spinbutton > button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  padding: 3px;
+}
+
+spinbutton.vertical > entry {
+  margin: 0;
+  padding: 0;
+  min-height: 34px;
+  min-width: 0;
+}
+
+spinbutton.vertical > button.up {
+  margin: 0;
+}
+
+spinbutton.vertical > button.down {
+  margin: 0;
+}
+
+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 decoration {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -1px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -1px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -34px;
+  padding-right: 34px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -34px;
+  padding-left: 34px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 5px;
+  padding: 4px;
+  border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+  padding: 5px 9px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+  border-radius: 6px;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: #e8e8ee;
+}
+
+button.combo:only-child:focus {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px rgba(232, 232, 238, 0.3);
+}
+
+button.combo:only-child:hover {
+  background-color: alpha(currentColor, 0.08);
+  box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+  background-color: rgba(232, 232, 238, 0.08);
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+button.combo:only-child:disabled {
+  box-shadow: inset 0 0 0 2px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px 3px;
+  background-color: #171718;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+  transition: box-shadow 200ms ease-out;
+  padding: 6px;
+  border-radius: 12px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.toolbar {
+  background-color: #161617;
+}
+
+frame .toolbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #161617;
+}
+
+.frame .inline-toolbar {
+  border-width: 1px 0 0;
+  background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+  border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #161617;
+  color: #e8e8ee;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.csd .titlebar:backdrop {
+  background-color: #171718;
+}
+
+.titlebar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+  background-color: #161617;
+  background-image: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+  background-color: #171718;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+  background-color: #8caaee;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+  background-color: #8caaee;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+  border-radius: 6px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.titlebar.selection-mode:backdrop {
+  color: rgba(20, 20, 21, 0.6);
+  background-color: #a7bef2;
+}
+
+.titlebar.selection-mode .subtitle:link {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(20, 20, 21, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+  border-radius: 0;
+}
+
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 6px 12px;
+  border-radius: 12px 12px 0 0;
+  border: none;
+  background-color: #161617;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.titlebar.default-decoration:backdrop {
+  background-color: #171718;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+  border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+  padding: 6px;
+  box-shadow: none;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+headerbar {
+  min-height: 46px;
+  padding: 0 6px;
+}
+
+box.vertical headerbar {
+  background-color: #161617;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+  border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+  padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+  margin-top: 11.5px;
+  margin-bottom: 11.5px;
+  background-color: transparent;
+}
+
+headerbar switch {
+  margin-top: 11px;
+  margin-bottom: 11px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+  border-radius: 0;
+  margin: 0;
+  min-width: 120px;
+  padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+  min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+  margin-top: 0;
+  margin-bottom: 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+  margin: 0 0;
+  background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 5px;
+  padding-right: 5px;
+  border-radius: 3px;
+  margin-left: 1px;
+  margin-right: 1px;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+  background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  background-color: alpha(currentColor, 0.16);
+  color: #e8e8ee;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(232, 232, 238, 0.3);
+  border-top-color: rgba(232, 232, 238, 0.12);
+}
+
+* {
+  -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;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: transparent;
+}
+
+treeview.view:selected {
+  background-color: #363638;
+  color: #e8e8ee;
+}
+
+treeview.view.separator {
+  min-height: 6px;
+  color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: alpha(currentColor, 0.08);
+}
+
+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-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+  color: #e8e8ee;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+treeview.view.progressbar {
+  border: none;
+  box-shadow: none;
+  background-color: #8caaee;
+  background-image: none;
+  border-radius: 9999px;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+  box-shadow: none;
+  background-color: #9ab3ee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+treeview.view.trough {
+  border: none;
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+  background-image: none;
+  border-radius: 9999px;
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #171718;
+}
+
+treeview.view header button:last-child {
+  border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #171718;
+  background-clip: border-box;
+  color: #8caaee;
+}
+
+treeview.view acceleditor > label {
+  background-color: #8caaee;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #161617;
+  color: #e8e8ee;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+  background-color: #171718;
+}
+
+.csd menubar, .csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: none;
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+  transition: none;
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu {
+  margin: 6px;
+  padding: 6px;
+  background-color: #17171c;
+  background-clip: border-box;
+  border-radius: 12px;
+  border: 1px solid #333334;
+}
+
+.csd menu {
+  border: none;
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  color: #e8e8ee;
+  font: initial;
+  text-shadow: none;
+  border-radius: 6px;
+}
+
+menu menuitem:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+menu menuitem accelerator {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+menu menuitem:disabled accelerator {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+  margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu .view:selected {
+  background-color: #2c2c31;
+}
+
+menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #17171c;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+menu > arrow.top {
+  margin-top: 0;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-radius: 6px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover {
+  background-image: image(alpha(currentColor, 0.08));
+  color: #e8e8ee;
+}
+
+menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator {
+  margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 200ms ease-out;
+  padding: 0;
+  background-color: #17171c;
+  border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+popover.background > stack {
+  margin: -4px;
+}
+
+popover.background > toolbar {
+  margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+  background-color: transparent;
+  padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+  background-color: #17171c;
+}
+
+popover.background .linked > button:not(.radio) {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+  border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+  border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 6px;
+}
+
+popover.background modelbutton.flat,
+popover.background .menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 6px;
+  color: #e8e8ee;
+}
+
+popover.background modelbutton.flat + modelbutton.flat,
+popover.background modelbutton.flat + box.vertical,
+popover.background .menuitem.button.flat + .menuitem.button.flat {
+  margin-top: 2px;
+}
+
+popover.background modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+popover.background modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+popover.background separator {
+  margin: 3px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px 12px;
+  border: none;
+  outline: none;
+  background-clip: padding-box;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+  border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+  background-color: rgba(232, 232, 238, 0.04);
+  color: #e8e8ee;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #e8e8ee;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+notebook {
+  background-color: #171718;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+notebook.frame {
+  border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+  border: none;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 6px;
+}
+
+notebook > header {
+  border: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: 0;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 6px;
+}
+
+notebook > header tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -6px -12px;
+  padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+notebook > header tab button.flat:last-child, notebook > header tab button.close-button:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child, notebook > header tab button.close-button:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs > tab + tab, notebook > header.bottom tabs > tab + tab {
+  margin-left: 3px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header.left tabs > tab + tab, notebook > header.right tabs > tab + tab {
+  margin-top: 3px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  border-style: solid;
+}
+
+notebook > header > button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: transparent;
+  border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #171718;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(232, 232, 238, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(232, 232, 238, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #e8e8ee;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(232, 232, 238, 0.32);
+}
+
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(23, 23, 24, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(23, 23, 24, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(232, 232, 238, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(232, 232, 238, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(23, 23, 28, 0.9);
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+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 {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border: none;
+  border-radius: 9999px;
+  background-color: rgba(232, 232, 238, 0.5);
+  background-clip: padding-box;
+  font-size: 0;
+  color: transparent;
+}
+
+switch:checked {
+  background-color: #8caaee;
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 18px;
+  min-height: 18px;
+  margin: 3px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+  background-color: white;
+  border: none;
+  color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 20px;
+  min-width: 20px;
+  margin: 3px;
+  padding: 0;
+  border-radius: 9999px;
+  color: transparent;
+  background-color: rgba(232, 232, 238, 0.12);
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.04);
+  background-color: rgba(232, 232, 238, 0.15);
+}
+
+check:active,
+radio:active {
+  box-shadow: 0 0 0 6px rgba(232, 232, 238, 0.12);
+  background-color: rgba(232, 232, 238, 0.2);
+}
+
+check:focus,
+radio:focus {
+  outline: none;
+}
+
+check:disabled,
+radio:disabled {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: rgba(20, 20, 21, 0.87);
+  background-color: #8caaee;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15);
+  background-color: #b8cbf5;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2);
+  background-color: #8caaee;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(20, 20, 21, 0.38);
+  background-color: rgba(140, 170, 238, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -3px;
+  margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: 6px;
+  margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+  margin-right: 6px;
+  margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+  margin-left: 6px;
+  margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+  box-shadow: none;
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+  padding: 0;
+  margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+  box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+
+scale.horizontal {
+  padding: 16px 12px;
+}
+
+scale.vertical {
+  padding: 12px 16px;
+}
+
+scale slider {
+  min-height: 18px;
+  min-width: 18px;
+  margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+scale.fine-tune slider {
+  margin: -7px;
+}
+
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#8caaee);
+}
+
+scale highlight:disabled {
+  background-color: #171718;
+  background-image: image(rgba(232, 232, 238, 0.32));
+}
+
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 9999px;
+  color: #8caaee;
+  background-color: #171718;
+  box-shadow: inset 0 0 0 2px #8caaee;
+}
+
+scale slider:hover {
+  box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(232, 232, 238, 0.12);
+}
+
+scale slider:active {
+  box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(232, 232, 238, 0.12);
+}
+
+scale slider:disabled {
+  box-shadow: inset 0 0 0 2px rgba(232, 232, 238, 0.32);
+}
+
+scale marks,
+scale value {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+scale indicator {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: transparent;
+}
+
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-size: auto, 1000% 1000%;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+  background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -13.5px;
+  margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -13.5px;
+  margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -13.5px;
+  margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(232, 232, 238, 0.7);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 6px;
+}
+
+progressbar trough {
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+progressbar progress {
+  border-radius: 6px;
+  background-color: #8caaee;
+}
+
+progressbar.osd {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: transparent;
+}
+
+progressbar.osd trough {
+  background-color: transparent;
+}
+
+progressbar.osd progress {
+  background-color: #8caaee;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 34px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 34px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  border-radius: 6px;
+}
+
+levelbar block.low {
+  background-color: #f3be7c;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #8caaee;
+}
+
+levelbar block.full {
+  background-color: #a6d189;
+}
+
+levelbar block.empty {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.frame.view {
+  border-radius: 6px;
+}
+
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+  border: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+  border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+  border: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 100% 5%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 100% 5%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 5% 100%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(232, 232, 238, 0.12)), to(rgba(232, 232, 238, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(232, 232, 238, 0.07)), to(rgba(232, 232, 238, 0)));
+  background-size: 5% 100%, 100% 100%;
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #17171c;
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list#ListBoxTweakGroup list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+  background: none;
+  min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, list#ListBoxTweakGroup list row, .tweak-group-startup > row, list.content:not(.conversation-listbox) > row {
+  border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), list#ListBoxTweakGroup list row:not(:first-child), .tweak-group-startup > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, list#ListBoxTweakGroup list row:first-child, .tweak-group-startup > row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, list#ListBoxTweakGroup list row:last-child, .tweak-group-startup > row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, list#ListBoxTweakGroup list row:only-child, .tweak-group-startup > row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+  border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, list#ListBoxTweakGroup list row:focus, .tweak-group-startup > row:focus, list.content:not(.conversation-listbox) > row:focus {
+  box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+list row {
+  padding: 3px;
+}
+
+list.navigation-sidebar {
+  padding: 3px;
+}
+
+list.navigation-sidebar > row {
+  border-radius: 6px;
+}
+
+paned scrolledwindow > viewport.frame > list {
+  background-color: transparent;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+row:selected {
+  color: inherit;
+  background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+  color: #e8e8ee;
+}
+
+row:selected button image,
+row:selected button label {
+  color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+  padding: 6px 15px;
+}
+
+.app-notification button.flat:last-child {
+  margin-right: -9px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+  color: #8caaee;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #e8e8ee;
+}
+
+expander title > arrow:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 1px;
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+calendar:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+calendar:selected {
+  border-radius: 7px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #17171c;
+}
+
+messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop {
+  background-color: #17171c;
+}
+
+messagedialog.background.csd {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  background-color: #17171c;
+}
+
+messagedialog.background.csd .titlebar, messagedialog.background.csd .titlebar:backdrop {
+  background-color: #17171c;
+}
+
+messagedialog .titlebar, messagedialog.background.csd .titlebar {
+  border: none;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-box {
+  margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+  border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+  margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+  color: #8caaee;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+  color: #ea999c;
+}
+
+.csd filechooser {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+  padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: transparent;
+  border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+  background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+  border: none;
+}
+
+.csd filechooser placessidebar {
+  background: none;
+  border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+  background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+}
+
+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 rgba(232, 232, 238, 0.12);
+  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 rgba(232, 232, 238, 0.12);
+  border-right-style: none;
+}
+
+.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.sidebar list {
+  padding: 3px;
+  background-color: #171718;
+}
+
+stacksidebar.sidebar row {
+  min-height: 34px;
+  padding: 0 3px;
+  border-radius: 6px;
+}
+
+stacksidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+stacksidebar.sidebar row:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+  color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(232, 232, 238, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar.sidebar list {
+  padding: 6px;
+}
+
+placessidebar.sidebar row {
+  min-height: 34px;
+  margin: 0;
+  padding: 0;
+  border-radius: 6px;
+}
+
+placessidebar.sidebar row + row {
+  margin-top: 3px;
+}
+
+placessidebar.sidebar row > revealer {
+  padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+  background-color: rgba(232, 232, 238, 0.12);
+  font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+  color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #8caaee;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #8caaee;
+}
+
+placessidebar.sidebar row:drop(active) {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(232, 232, 238, 0.12));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #171718;
+  background-image: image(rgba(232, 232, 238, 0.12)), image(rgba(232, 232, 238, 0.12));
+  background-size: 1px 1px, 1px 1px;
+}
+
+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: none;
+  margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+  background-color: #171718;
+}
+
+infobar.info > revealer > box, infobar.info > revealer > box link:link, infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, infobar.info:hover > revealer > box link:link, infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, infobar.info:backdrop > revealer > box link:link, infobar.info:backdrop > revealer > box flowboxchild {
+  color: #8caaee;
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+  color: #8caaee;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+  background-color: #8caaee;
+}
+
+infobar.action > revealer > box, infobar.action > revealer > box link:link, infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, infobar.action:backdrop > revealer > box link:link, infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, infobar.question > revealer > box link:link, infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, infobar.question:backdrop > revealer > box link:link, infobar.question:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+  background-color: #769aeb;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+  background-color: #f3be7c;
+}
+
+infobar.warning > revealer > box, infobar.warning > revealer > box link:link, infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, infobar.warning:backdrop > revealer > box link:link, infobar.warning:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+  background-color: #f1b265;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error > revealer > box, infobar.error > revealer > box link:link, infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, infobar.error:backdrop > revealer > box link:link, infobar.error:backdrop > revealer > box flowboxchild {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+  background-color: #e68487;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+  border-radius: 6px;
+}
+
+tooltip.background.csd {
+  border-radius: 6px;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+  color: #e8e8ee;
+}
+
+colorswatch.light {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+colorswatch overlay {
+  transition: box-shadow 200ms ease-out;
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 0 0 2px #8caaee;
+}
+
+colorswatch#add-color-button {
+  border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 200ms ease-out;
+  border-radius: 6px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #171718;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: none;
+  border-radius: 12px;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), 0 0 36px transparent;
+  margin: 10px;
+}
+
+.background.csd decoration {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  background-clip: border-box;
+  background-color: #171718;
+}
+
+decoration:backdrop {
+  transition: box-shadow 200ms ease-out;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), 0 0 36px transparent;
+}
+
+.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+  border-radius: 0;
+}
+
+.maximized decoration, .fullscreen decoration {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+  border: none;
+}
+
+.ssd decoration {
+  border: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.metacity decoration {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border: none;
+}
+
+.csd.popup decoration {
+  border-radius: 12px;
+  border: none;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+tooltip.csd decoration {
+  border-radius: 6px;
+  box-shadow: none;
+  border: none;
+}
+
+messagedialog.background.csd decoration {
+  border-radius: 12px;
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+  background-clip: border-box;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #161617;
+  border: 1px solid #333334;
+}
+
+.solid-csd decoration:backdrop {
+  background-color: #171718;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+  box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  color: white;
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+  background-color: rgba(232, 232, 238, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #f3be7c;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #f0c999;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #7fa563;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #99b686;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-color: #d8647e;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-color: #dc859a;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+  box-shadow: none;
+  color: transparent;
+  animation: none;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/minimize-symbolic.svg"), url("assets/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/maximize-symbolic.svg"), url("assets/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+  background-image: -gtk-scaled(url("assets/close-symbolic.svg"), url("assets/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+  background-image: -gtk-scaled(url("assets/unmaximize-symbolic.svg"), url("assets/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  color: #8caaee;
+  -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(232, 232, 238, 0.12);
+  border-radius: 7px;
+  box-shadow: inset 0 -2px rgba(232, 232, 238, 0.12);
+  background-color: #17171c;
+  color: #e8e8ee;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  caret-color: #8caaee;
+}
+
+stackswitcher {
+  min-height: 0;
+  padding: 3px;
+  border-radius: 9px;
+  background-color: rgba(232, 232, 238, 0.04);
+  border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+  margin: 0;
+  background-color: transparent;
+  border-radius: 6px;
+  padding: 2px 9px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) + button {
+  margin-left: 3px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+  box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #e8e8ee;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 34px;
+  min-height: 34px;
+  padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker.background entry {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker.background entry:focus {
+  border-bottom: 1px solid #8caaee;
+  box-shadow: inset 0 -1px #8caaee;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+
+button.emoji-section:checked {
+  color: #8caaee;
+}
+
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+  border-radius: 0 0 12px 12px;
+  background-color: #161617;
+}
+
+.nautilus-window.background.csd:backdrop {
+  background-color: #171718;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+  margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+  background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+  border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+  background-color: transparent;
+  border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+  background-color: transparent;
+  border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+  min-width: 12px;
+  box-shadow: 12px 0 #171718;
+  background-color: #171718;
+  background-image: image(#323233);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+  border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+  margin: 6px;
+  padding: 2px;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+  border-radius: 6px;
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  border: none;
+}
+
+.nautilus-window .floating-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 2px;
+  margin: 2px;
+}
+
+.floating-bar {
+  min-height: 28px;
+  padding: 0;
+  border: 1px solid #333334;
+  border-radius: 0;
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.floating-bar.bottom.right {
+  border-top-left-radius: 6px;
+  border-right: none;
+  border-bottom: none;
+}
+
+.floating-bar.bottom.left {
+  border-top-right-radius: 6px;
+  border-left: none;
+  border-bottom: none;
+}
+
+.floating-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  margin: 6px;
+  border-radius: 9999px;
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+  color: #e8e8ee;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: alpha(currentColor, 0.08);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  border-radius: 6px;
+}
+
+.path-bar-box button {
+  margin: 0;
+}
+
+.path-bar-box.width-maximized {
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 11px;
+  padding-right: 11px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+  margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+  background-color: rgba(232, 232, 238, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+  background-color: transparent;
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+  background-color: rgba(232, 232, 238, 0.04);
+  border-radius: 6px;
+  margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #e8e8ee;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: rgba(232, 232, 238, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #8caaee;
+  color: #8caaee;
+}
+
+.disk-space-display.free {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: rgba(232, 232, 238, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #594936;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+  border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+  border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+  margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+  margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+  margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nautilus-window paned > separator {
+  background-color: #161617;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+  background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+  margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+  border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+  background: none;
+}
+
+.open-document-selector-path-label {
+  color: rgba(232, 232, 238, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #f3be7c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.gedit-document-panel {
+  background-color: #161617;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+  margin: 0 6px 10px;
+  padding: 6px;
+  background-color: #17171c;
+  border-radius: 0 0 12px 12px;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #17171c;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(20, 20, 21, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(20, 20, 21, 0.3);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+  border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.tweak-categories > row + row {
+  margin-top: 3px;
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 12px;
+}
+
+leaflet list.navigation-sidebar {
+  background-color: #161617;
+}
+
+leaflet list.navigation-sidebar > row + row {
+  margin-top: 3px;
+}
+
+window.background.csd:not(.maximized) leaflet list.navigation-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#171718);
+}
+
+.tweak-group-startup {
+  padding: 0;
+}
+
+.tweak-group-startup > row.tweak-startup {
+  background-color: transparent;
+  background-image: none;
+}
+
+list.tweak-group list, list#ListBoxTweakGroup list {
+  padding: 0;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+  border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+  border-top-right-radius: 12px;
+  border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+  border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+  background-color: #171718;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+  border-radius: 6px;
+  background: none;
+}
+
+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: #171718;
+  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;
+  padding: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable {
+  border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row {
+  margin-top: 3px;
+}
+
+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 stack.background clamp.medium frame > box.vertical > box.vertical > list {
+  border-top-width: 0;
+  border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+  border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+  border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+  border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+  border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+  border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > notebook,
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+  background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) {
+  padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable {
+  border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #171718;
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+  border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+  box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+  border: none;
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+  border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+  border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+  border: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  padding: 3px;
+  margin: 3px;
+  border-radius: 9px;
+}
+
+tabbox > tab button {
+  min-height: 24px;
+  min-width: 24px;
+  border-radius: 9999px;
+  border: none;
+  padding: 0;
+  margin-right: -6px;
+}
+
+/*****************
+ * 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;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+  border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.12);
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+  border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  padding: 6px;
+  margin: -1px 0;
+  border-bottom: none;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+  margin: 6px 0;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar {
+  padding: 0 12px 0 6px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: rgba(232, 232, 238, 0.08);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+  background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled {
+  box-shadow: none;
+  background-color: rgba(232, 232, 238, 0.04);
+  color: rgba(232, 232, 238, 0.5);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+  padding: 0 3px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 6px;
+  margin: -6px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 0 6px 6px;
+  margin: 0 -6px -6px 0;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+  margin-right: -1px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid,
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 3px;
+  margin: -1px -6px -6px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child),
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+  margin-right: -1px;
+}
+
+window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box {
+  padding: 0 6px 6px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+  background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+stack.view.polari-entry-area {
+  background-color: #171718;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+  background-image: image(#171718);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+layouttabbar > box > button {
+  margin: 3px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(20, 20, 21, 0.25);
+  box-shadow: inset 0 -2px #8caaee;
+  background-color: #171718;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ea999c;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.workbench treeview.image {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+  margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+  border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: #171718;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #161617;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+  border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #8caaee 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  background-color: alpha(currentColor, 0.08);
+  color: #e8e8ee;
+}
+
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #8caaee;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #e8e8ee;
+}
+
+dockoverlayedge {
+  background-color: #171718;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #8caaee;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #8caaee;
+}
+
+pillbox {
+  background-color: #171718;
+  border-radius: 6px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  box-shadow: none;
+  background-color: #171718;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+button.dzlmenubutton image {
+  min-width: 28px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 25px;
+}
+
+button.dzlmenubuttonitem {
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+idelayoutstackheader button:checked {
+  color: #e8e8ee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #171718;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #8caaee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #8caaee;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+  background-color: alpha(currentColor, 0.06);
+  color: #e8e8ee;
+}
+
+button.photos-filter-preview:checked image {
+  color: #e8e8ee;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.side-panel .view {
+  background-image: image(#161617);
+}
+
+.side-panel .view:hover {
+  background-image: image(#272728);
+}
+
+.side-panel .view:selected {
+  background-image: image(#8caaee);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(rgba(132, 161, 224, 0.9896));
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+  border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+  border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #171718;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+  background-color: #171718;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+  border-radius: 0 0 0 12px;
+  background-color: #171718;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+  border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+  border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+  margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+  border-width: 0;
+  border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+  border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+  background-color: #171718;
+}
+
+.terminal-window tabbar tabbox {
+  background-color: #161617;
+  margin: 0;
+  border-radius: 0;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+  transition: none;
+}
+
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -5px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -5px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+list.categories {
+  background-image: image(#161617);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 6px;
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 34px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+  animation: none;
+  background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+  border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+  color: #e8e8ee;
+  background-color: #171718;
+  box-shadow: none;
+  border-bottom: 1px solid rgba(20, 20, 21, 0.25);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+  border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+  background-color: #171718;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+  background-color: #161617;
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+  background-color: #171718;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+  min-width: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+  padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+  border: 1px solid transparent;
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+  border-radius: 6px;
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+  min-width: 1px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+  border: 1px solid rgba(232, 232, 238, 0.12);
+  border-bottom-width: 0;
+  background-color: #171718;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+  border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+  background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+  border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+  border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+  padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+  border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+  border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+  border-radius: 0 0 12px 12px;
+  background-color: #171718;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+  border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+  border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+  border-radius: 6px;
+}
+
+window.background.csd.unified {
+  background-color: #171718;
+}
+
+window.background.csd.unified headerbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#17171c);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 30px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+.terminator-terminal-window paned > separator {
+  background-color: #171718;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.meld-notebook, .meld-notebook > stack {
+  background: none;
+  border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+  background-color: #161617;
+  border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+  background: none;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar {
+  padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  border-radius: 6px;
+}
+
+window.background.chromium {
+  background-color: #17171c;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid #333334;
+}
+
+window.background.chromium > button {
+  color: #8caaee;
+}
+
+window.background.chromium > button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+window.background.chromium headerbar.titlebar {
+  padding: 0 12px;
+}
+
+window.background.chromium headerbar.titlebar button:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+  color: #8caaee;
+}
+
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+window.background.chromium treeview.view button {
+  border: 1px solid rgba(232, 232, 238, 0.3);
+  background-color: #171718;
+}
+
+window.background.chromium menu {
+  border-color: #3f3f42;
+}
+
+window.background.chromium menu menuitem {
+  border-radius: 0;
+}
+
+tooltip.background.chromium {
+  background-color: #0e0e0e;
+}
+
+#MozillaGtkWidget decoration {
+  border: none;
+}
+
+#MozillaGtkWidget > widget text {
+  background-color: #17171c;
+}
+
+#MozillaGtkWidget > widget text:selected {
+  background-color: #8caaee;
+  color: rgba(20, 20, 21, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+  color: #333334;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+  background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #333334;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid #333334;
+  border-radius: 6px;
+  box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #171718;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #8caaee;
+  box-shadow: inset 0 0 0 1px #8caaee;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #161617;
+}
+
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+  color: #1c1c24;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+  color: #252530;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(28, 28, 36, 0.5);
+}
+
+#MozillaGtkWidget menu {
+  border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #e8e8ee;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+#MozillaGtkWidget > widget > frame {
+  color: #333334;
+}
+
+#MozillaGtkWidget menu > separator {
+  color: #333334;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+  transition: none;
+}
+
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+  font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+  padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+  min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+  border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+  margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+}
+
+#TopToolbars .toolbar {
+  background: none;
+}
+
+#Statusbar {
+  padding: 3px 0 3px 8px;
+}
+
+#Statusbar spinbutton, #Statusbar box > button.flat {
+  margin: 3px 0;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+  padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+  min-height: 16px;
+  min-width: 24px;
+  padding: 8px 4px;
+}
+
+window.bright.symbolic scrolledwindow > viewport.frame > notebook tabs > tab {
+  padding: 3px 6px;
+}
+
+window.bright.symbolic scrolledwindow > viewport.frame > notebook tabs > tab button.close-button {
+  margin: 4px 0;
+}
+
+popover#ContextMenu {
+  border-radius: 12px;
+}
+
+popover#ContextMenu modelbutton.flat {
+  border-radius: 6px;
+  transition: none;
+}
+
+popover#ContextMenu modelbutton.flat:hover, popover#ContextMenu modelbutton.flat:selected, popover#ContextMenu modelbutton.flat:focus {
+  background-color: #8caaee;
+}
+
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+  background-color: #171718;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+  border: none;
+  border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+  border-radius: 6px;
+}
+
+window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) {
+  background-color: #161617;
+}
+
+window.background:not(.csd) > box > widget > widget > widget > widget > widget > widget > widget > scrolledwindow entry:focus {
+  background-color: #232324;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+  -UnityDecoration-extents: 28px 0 0 0;
+  -UnityDecoration-input-extents: 8px;
+  -UnityDecoration-shadow-offset-x: 0;
+  -UnityDecoration-shadow-offset-y: 3px;
+  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+  -UnityDecoration-active-shadow-radius: 18px;
+  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+  -UnityDecoration-inactive-shadow-radius: 6px;
+  -UnityDecoration-glow-size: 8px;
+  -UnityDecoration-glow-color: #8caaee;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 12px 12px 0 0;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+UnityDecoration .top:backdrop {
+  background-color: #171718;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #151516;
+  color: #e8e8ee;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #8caaee;
+}
+
+.lightdm.menu {
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.45);
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  color: white;
+}
+
+.lightdm.menu .menuitem *,
+.lightdm.menu .menuitem.check:active,
+.lightdm.menu .menuitem.radio:active {
+  color: white;
+}
+
+.lightdm.menubar {
+  color: rgba(255, 255, 255, 0.8);
+  background-image: none;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.lightdm.menubar > .menuitem {
+  padding: 2px 6px;
+}
+
+.lightdm-combo .menu {
+  background-color: #171718;
+  border-radius: 0;
+  padding: 0;
+  color: #e8e8ee;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(232, 232, 238, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  color: #e8e8ee;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+  padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+  min-height: 28px;
+  padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+  -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+  padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+  padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+  min-width: 24px;
+  padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+  background-color: transparent;
+  color: #8caaee;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #8caaee;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+  padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+na-tray-applet {
+  -NaTrayApplet-icon-padding: 3px;
+  -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+  -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: alpha(currentColor, 0.1);
+  color: #e8e8ee;
+}
+
+#mate-menu {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  background-color: #17171c;
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+  background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 5px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+  color: #8caaee;
+}
+
+.brisk-menu .session-button {
+  padding: 11px;
+}
+
+.brisk-menu .frame {
+  border-style: none;
+}
+
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #e8e8ee;
+  font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 6px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #171718;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-canvas-item {
+  border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+  background-image: none;
+  color: #e8e8ee;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+  background-color: #171718;
+  color: #e8e8ee;
+  caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+  background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+  padding: 0 4px;
+  border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(20, 20, 21, 0.25);
+  border-radius: 7px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+  color: #8caaee;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 6px;
+  background-color: rgba(14, 14, 14, 0.9);
+  color: #e8e8ee;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #8caaee;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+  background: none;
+  border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border: none;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 6px;
+}
+
+dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list {
+  border-right: 1px solid #333334;
+}
+
+.budgie-popover {
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+  background-color: #171718;
+  border-radius: 12px;
+}
+
+.budgie-popover frame.container {
+  padding: 6px;
+  border: none;
+}
+
+.budgie-popover frame.container .container {
+  padding: 0;
+}
+
+.budgie-popover list, .budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover separator.horizontal {
+  margin: 3px 0;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+  background: none;
+  border-right: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list {
+  background-color: rgba(232, 232, 238, 0.04);
+  border-radius: 3px;
+  padding: 3px 0;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+  padding: 6px 8px;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator {
+  margin: 0;
+  background-color: transparent;
+  min-width: 0;
+  min-height: 0;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow {
+  margin-left: 3px;
+}
+
+.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable {
+  border-radius: 3px;
+}
+
+.budgie-popover treeview.view.sidebar {
+  border-right: none;
+  background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+  background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+  background-color: rgba(232, 232, 238, 0.04);
+  padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+  border-radius: 0;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu {
+  border-radius: 12px;
+  background-color: #171718;
+  padding: 6px;
+  margin: 6px;
+  border: 1px solid rgba(232, 232, 238, 0.1);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+  background-clip: border-box;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable {
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) {
+  margin-bottom: 3px;
+}
+
+.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem {
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat {
+  padding: 3px;
+  border-radius: 6px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat.user-icon-button {
+  padding-right: 9px;
+}
+
+.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button {
+  border-radius: 9999px;
+  padding: 6px;
+  min-height: 16px;
+  min-width: 16px;
+  margin-left: 9px;
+  background-clip: border-box;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+  border: none;
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+  margin-bottom: 0;
+  outline-width: 0;
+  border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+  transition: none;
+  animation: none;
+}
+
+.budgie-popover.sound-popover .container {
+  padding: 0;
+}
+
+.budgie-popover.sound-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin: 0 6px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 3px;
+  padding-top: 3px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(232, 232, 238, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+  border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+  border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+  border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  border: 0 solid rgba(232, 232, 238, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr) {
+  border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl) {
+  border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item {
+  border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button {
+  border-radius: 6px;
+}
+
+.budgie-panel .workspace-switcher .workspace-add-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 6px;
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(21, 21, 22, 0.75);
+}
+
+.budgie-panel .icon-tasklist button.launcher:checked, .budgie-panel .icon-tasklist button.launcher:active {
+  color: #e8e8ee;
+}
+
+.top .budgie-panel.dock-mode {
+  border-radius: 0 0 18px 18px;
+}
+
+.bottom .budgie-panel.dock-mode {
+  border-radius: 18px 18px 0 0;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 18px;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-top-right-radius: 18px;
+}
+
+.left .budgie-panel.dock-mode {
+  border-radius: 0 18px 18px 0;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist .launcher:first-child {
+  border-top-right-radius: 18px;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist .launcher:last-child {
+  border-bottom-right-radius: 18px;
+}
+
+.right .budgie-panel.dock-mode {
+  border-radius: 18px 0 0 18px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist .launcher:first-child {
+  border-top-left-radius: 18px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist .launcher:last-child {
+  border-bottom-left-radius: 18px;
+}
+
+.budgie-panel button {
+  color: rgba(232, 232, 238, 0.7);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:hover {
+  color: #e8e8ee;
+}
+
+.budgie-panel button:active {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+  box-shadow: none;
+  border: none;
+  color: #e8e8ee;
+}
+
+.budgie-panel button.raven-trigger {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 6px;
+}
+
+.budgie-panel.vertical button {
+  padding: 6px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.budgie-panel .alert {
+  color: #ea999c;
+}
+
+.budgie-panel > box > widget > widget > image,
+.budgie-panel > box > widget > widget > stack > image,
+.budgie-panel > box > widget > widget > box > image {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > image + label {
+  margin-left: -4px;
+}
+
+.budgie-panel > box > widget > widget > box > widget > image {
+  margin-left: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > stack > widget > label {
+  margin-right: 6px;
+}
+
+.budgie-panel > box > widget > widget > box > widget > widget > image {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.budgie-panel .budgie-clock-applet > widget > box,
+.budgie-panel .budgie-calendar-applet > widget > box {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+  color: #e8e8ee;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+  color: rgba(232, 232, 238, 0.7);
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+  color: #e8e8ee;
+}
+
+.budgie-panel menubar menu separator,
+.budgie-panel .menubar menu separator {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.budgie-panel #tasklist-button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+  padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #17171c;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+  margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+  box-shadow: none;
+}
+
+.raven .raven-header {
+  min-height: 34px;
+  padding: 3px;
+}
+
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(232, 232, 238, 0.12);
+  background-color: #171718;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(232, 232, 238, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 11px;
+  border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(232, 232, 238, 0.06);
+  color: #e8e8ee;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+  color: #e8e8ee;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 12px;
+}
+
+.raven levelbar, .raven levelbar trough, .raven levelbar block {
+  border-radius: 9999px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 6px;
+}
+
+.raven-mpris {
+  background-color: #161617;
+  color: #e8e8ee;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 11px;
+}
+
+image.raven-mpris {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: rgba(232, 232, 238, 0.7);
+  border-radius: 6px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+  padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+  margin-left: -6px;
+  margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+  padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+  padding: 6px;
+  background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+  border: none;
+  padding: 6px;
+  padding-left: 12px;
+  margin: 3px;
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+  background: none;
+  box-shadow: none;
+}
+
+.raven-notifications-group .raven-notifications-group-header {
+  padding-left: 6px;
+}
+
+.raven-notifications-group list > row {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.raven-notifications-group list > row .notification-clone {
+  padding-left: 6px;
+}
+
+.drop-shadow {
+  margin: 12px;
+  padding: 6px;
+  border-radius: 12px;
+  background-color: #17171c;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(232, 232, 238, 0.1), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-notification-window, .budgie-switcher-window {
+  background: none;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 110%;
+  color: #e8e8ee;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-osd-window {
+  background: none;
+}
+
+.budgie-osd-window > box {
+  border-radius: 12px;
+  padding: 3px;
+  margin: 0;
+}
+
+.budgie-osd {
+  color: #e8e8ee;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 110%;
+}
+
+.budgie-switcher-window .drop-shadow {
+  border-radius: 12px;
+  padding: 0;
+}
+
+.budgie-switcher-window > box {
+  padding: 6px;
+  border-radius: 12px;
+}
+
+.budgie-switcher-window flowbox {
+  color: #e8e8ee;
+  padding: 0;
+}
+
+.budgie-switcher-window flowboxchild {
+  padding: 6px;
+  margin: 0;
+  color: #e8e8ee;
+  border-radius: 6px;
+  transition: background-color 75ms ease-out;
+}
+
+.budgie-switcher-window flowboxchild:hover {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-switcher-window flowboxchild:active {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-switcher-window flowboxchild:selected {
+  color: #e8e8ee;
+  background-color: alpha(currentColor, 0.1);
+}
+
+.budgie-panel .lock-keys image:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+  background-color: #17171c;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+
+.budgie-session-dialog > box > grid,
+.budgie-polkit-dialog > box > grid,
+.budgie-run-dialog > box > grid {
+  padding: 24px;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog.background.csd > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog.background.csd > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog.background.csd > decoration {
+  border-radius: 12px;
+}
+
+.budgie-session-dialog.background,
+.budgie-polkit-dialog.background,
+.budgie-run-dialog.background {
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.budgie-session-dialog.background.csd > decoration,
+.budgie-polkit-dialog.background.csd > decoration,
+.budgie-run-dialog.background.csd > decoration {
+  border: none;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+  font-size: 110%;
+}
+
+.budgie-session-dialog buttonbox.linked > button,
+.budgie-polkit-dialog buttonbox.linked > button,
+.budgie-run-dialog buttonbox.linked > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+  border-radius: 0;
+}
+
+.budgie-session-dialog buttonbox.linked > button.suggested-action:not(:disabled),
+.budgie-polkit-dialog buttonbox.linked > button.suggested-action:not(:disabled),
+.budgie-run-dialog buttonbox.linked > button.suggested-action:not(:disabled) {
+  color: #8caaee;
+}
+
+.budgie-session-dialog buttonbox.linked > button.destructive-action:not(:disabled),
+.budgie-polkit-dialog buttonbox.linked > button.destructive-action:not(:disabled),
+.budgie-run-dialog buttonbox.linked > button.destructive-action:not(:disabled) {
+  color: #ea999c;
+}
+
+.budgie-session-dialog buttonbox.linked > button:first-child,
+.budgie-polkit-dialog buttonbox.linked > button:first-child,
+.budgie-run-dialog buttonbox.linked > button:first-child {
+  border-bottom-left-radius: 12px;
+  border-top-left-radius: 0;
+}
+
+.budgie-session-dialog buttonbox.linked > button:last-child,
+.budgie-polkit-dialog buttonbox.linked > button:last-child,
+.budgie-run-dialog buttonbox.linked > button:last-child {
+  border-bottom-right-radius: 12px;
+  border-top-right-radius: 0;
+}
+
+.budgie-power-dialog .titlebar, .budgie-power-dialog .titlebar:backdrop {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-power-dialog.background {
+  border-radius: 18px;
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+.budgie-power-dialog.background.csd > decoration {
+  border: none;
+  border-radius: 18px;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75);
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #ea999c;
+}
+
+.budgie-polkit-dialog > box > grid {
+  padding-bottom: 0;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 110%;
+  padding: 6px 14px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+  color: #e8e8ee;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+  background-color: #171718;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+  border: none;
+  background-color: #151516;
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: 500;
+}
+
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0 6px;
+  border-radius: 0;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.xfce4-panel.background button:hover, .xfce4-panel.background button:active, .xfce4-panel.background button:checked {
+  color: #e8e8ee;
+}
+
+.xfce4-panel.background button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.xfce4-panel.background button.flat.toggle {
+  padding: 0 6px;
+}
+
+.xfce4-panel.background .tasklist button {
+  padding: 0 6px;
+}
+
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+
+wnck-pager:hover {
+  background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+  background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+  background-color: #8caaee;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+  border: none;
+}
+
+#xfce-panel-button {
+  -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+  border-radius: 6px;
+  background-color: transparent;
+  color: #e8e8ee;
+}
+
+XfdesktopIconView.view:active {
+  box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+window#whiskermenu-window {
+  border-radius: 12px;
+  background-color: transparent;
+  border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+  background-color: #171718;
+}
+
+window#whiskermenu-window > frame > border {
+  border-radius: 12px;
+  padding: 6px 8px 6px 9px;
+  margin: 6px;
+  border: none;
+  background-color: #171718;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(20, 20, 21, 0.75), inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+  padding: 3px 6px;
+  margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+  background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+  padding: 3px;
+  background-color: #171718;
+  border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+  border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+  background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+  background-color: rgba(232, 232, 238, 0.12);
+  color: #e8e8ee;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+  background-color: rgba(232, 232, 238, 0.3);
+  color: #e8e8ee;
+}
+
+#XfceNotifyWindow {
+  background-color: #171718;
+  border-radius: 12px;
+  border: 1px solid rgba(20, 20, 21, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+#XfceNotifyWindow buttonbox {
+  padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+
+dialog.xfsm-logout-dialog {
+  border-radius: 12px;
+  background-color: rgba(23, 23, 24, 0.97);
+  border: 1px solid rgba(20, 20, 21, 0.75);
+  box-shadow: inset 0 0 0 1px rgba(232, 232, 238, 0.1);
+}
+
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 6px;
+  -XfwmTabwinWidget-icon-size: 64px;
+  -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+  box-shadow: inset 0 -1px rgba(232, 232, 238, 0.12);
+}
+
+.thunar .standard-view.frame {
+  border: none;
+}
+
+.thunar .standard-view.frame widget.view {
+  border-radius: 6px;
+}
+
+.thunar .standard-view.frame .view:hover {
+  color: #e8e8ee;
+}
+
+.thunar .standard-view.frame .view:selected {
+  color: rgba(20, 20, 21, 0.87);
+  background: #8caaee;
+}
+
+.thunar scrolledwindow.frame.sidebar {
+  border-top: none;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(232, 232, 238, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+  border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+  background: none;
+  border: none;
+  box-shadow: none;
+  animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+  font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+  color: #e8e8ee;
+  border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: #171718;
+  color: #e8e8ee;
+}
+
+#panel_window menubar,
+#panel_window separator {
+  background-color: transparent;
+}
+
+#panel_window separator {
+  padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+  padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+  color: rgba(232, 232, 238, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #e8e8ee;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  border-radius: 6px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(232, 232, 238, 0.1);
+  background-color: #17171c;
+  color: #e8e8ee;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#login_window GtkComboBox {
+  background: none;
+}
+
+#login_window GtkComboBox .button, #login_window GtkComboBox .button:hover, #login_window GtkComboBox .button:active, #login_window GtkComboBox .button:focus {
+  padding: 0;
+  background: none;
+  border-style: none;
+  box-shadow: none;
+}
+
+#user_image {
+  padding: 3px;
+  border-radius: 3px;
+}
+
+#user_image_border {
+  border-radius: 3px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+  color: #8caaee;
+}
+
+#greeter_infobar {
+  font-weight: bold;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  background-color: #161617;
+  border-bottom: 1px solid rgba(232, 232, 238, 0.12);
+  padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar:backdrop {
+  background-color: #171718;
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: rgba(232, 232, 238, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+  color: #e8e8ee;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+  color: rgba(232, 232, 238, 0.32);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+  color: rgba(232, 232, 238, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+  border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #161617;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 6px;
+  background-color: rgba(232, 232, 238, 0.04);
+}
+
+.nemo-window .toolbar {
+  padding: 2px;
+  margin: -2px;
+}
+
+.nemo-window .toolbar button {
+  margin: 3px 0;
+  padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+  margin: 6px 0;
+}
+
+.nemo-window.background.csd .toolbar {
+  border-radius: 0 0 12px 12px;
+}
+
+.nemo-window.background.csd.maximized .toolbar {
+  border-radius: 0;
+}
+
+.places-treeview {
+  -NemoPlacesTreeView-disk-full-bg-color: #565658;
+  -NemoPlacesTreeView-disk-full-fg-color: #8caaee;
+  -NemoPlacesTreeView-disk-full-bar-width: 2px;
+  -NemoPlacesTreeView-disk-full-bar-radius: 0;
+  -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+  -NemoPlacesTreeView-disk-full-max-length: 80px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #e8e8ee;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #e8e8ee;
+/*
+widget base background color */
+@define-color theme_bg_color #171718;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #171718;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #8caaee;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(20, 20, 21, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #171718;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(232, 232, 238, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #161617;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e8e8ee;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e8e8ee;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #171718;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #171718;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #8caaee;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(20, 20, 21, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(232, 232, 238, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(232, 232, 238, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(232, 232, 238, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #f3be7c;
+@define-color error_color #ea999c;
+@define-color success_color #a6d189;
+/*
+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 #e8e8ee;
+@define-color wm_unfocused_title rgba(232, 232, 238, 0.7);
+@define-color wm_highlight rgba(232, 232, 238, 0.1);
+@define-color wm_border #050505;
+@define-color wm_bg #161617;
+@define-color wm_unfocused_bg #171718;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #d8647e;
+@define-color wm_button_close_active_bg #cc3355;
+@define-color wm_button_max_hover_bg #7fa563;
+@define-color wm_button_max_active_bg #61814a;
+@define-color wm_button_min_hover_bg #f3be7c;
+@define-color wm_button_min_active_bg #eea244;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #171718;
+@define-color placeholder_text_color #a9a9ae;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #171718;
+@define-color budgie_tasklist_indicator_color rgba(232, 232, 238, 0.3);
+@define-color budgie_tasklist_indicator_color_active #8caaee;
+@define-color budgie_tasklist_indicator_color_active_window #55658b;
+@define-color budgie_tasklist_indicator_color_attention #f3be7c;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk/.themes/Vague/gtk-4.0/gtk-dark.css b/gtk/.themes/Vague/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..2d7f99c
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-4.0/gtk-dark.css
@@ -0,0 +1,9702 @@
+@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;
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, @accent_color 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, @accent_color 100%, transparent 100%);
+  }
+}
+
+.background {
+  color: @window_fg_color;
+  background-color: @window_bg_color;
+}
+
+dnd {
+  color: @window_fg_color;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+.osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet,
+.osd {
+  color: rgba(255, 255, 255, 0.9);
+  border: none;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-clip: padding-box;
+}
+
+/* Text selection */
+selection {
+  background-color: alpha(@view_fg_color,0.1);
+  color: transparent;
+}
+
+selection:focus-within {
+  background-color: alpha(@accent_bg_color,0.3);
+}
+
+:not(window):drop(active):focus,
+:not(window):drop(active) {
+  border-color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+  caret-color: @accent_bg_color;
+}
+
+.navigation-sidebar :not(window):drop(active):focus,
+.navigation-sidebar :not(window):drop(active),
+placessidebar :not(window):drop(active):focus,
+placessidebar :not(window):drop(active),
+stackswitcher :not(window):drop(active):focus,
+stackswitcher :not(window):drop(active),
+expander-widget :not(window):drop(active):focus,
+expander-widget :not(window):drop(active) {
+  box-shadow: none;
+}
+
+/* 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);
+}
+
+/* Drop shadow 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);
+}
+
+@keyframes needs_attention {
+  from {
+    background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(farthest-side, @accent_color 95%, transparent);
+  }
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs_attention 150ms ease-in;
+  background-image: radial-gradient(farthest-side, @accent_color 96%, transparent);
+  background-size: 6px 6px;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: white;
+}
+
+avatar.image {
+  background: none;
+}
+
+bottom-sheet > dimming {
+  background-color: alpha(@shade_color,2);
+}
+
+bottom-sheet > sheet {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px @shade_color;
+}
+
+bottom-sheet > sheet > drag-handle {
+  background-color: alpha(currentColor,0.25);
+  min-width: 60px;
+  min-height: 4px;
+  margin: 6px;
+  border-radius: 9999px;
+}
+
+bottom-sheet > sheet > outline {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-left {
+  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-right {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-left.flush-right {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay,
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor,0.05);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: currentColor;
+}
+
+notebook > header > tabs > arrow:focus, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus,
+button:focus {
+  outline: 2px solid alpha(@accent_color,0.35);
+  outline-offset: 0;
+}
+
+notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover,
+button:hover {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+  outline: 0 solid transparent;
+  -gtk-icon-filter: brightness(1.2);
+}
+
+notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating,
+button.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active,
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+  outline: 0 solid transparent;
+}
+
+notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled,
+button:disabled {
+  background-color: alpha(currentColor,0.05);
+  color: currentColor;
+  outline-color: transparent;
+}
+
+notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked,
+button:checked {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover,
+button:checked:hover {
+  outline-color: transparent;
+  background-color: mix(@accent_fg_color,@accent_bg_color,0.95);
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active,
+button:checked:active {
+  animation: none;
+  outline-color: transparent;
+  background-color: mix(@accent_fg_color,@accent_bg_color,0.88);
+  background-image: none;
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:disabled, row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:disabled,
+button:checked:disabled {
+  outline-color: transparent;
+  background-color: @accent_color;
+  color: @accent_fg_color;
+}
+
+#NautilusPathButton, panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button, searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, .pathbar button, window.dialog.message .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button,
+filechooser #pathbarbox > stack > box > box > button,
+filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, menubutton.flat > button,
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  background-color: transparent;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: alpha(currentColor,0.75);
+}
+
+#NautilusPathButton:focus:not(:hover):not(:active), panelstatusbar > menubutton > button:focus:not(:hover):not(:active),
+panelstatusbar > paneltogglebutton button:focus:not(:hover):not(:active), searchbar > revealer > box .close:focus:not(:hover):not(:active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), actionbar > revealer > box button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:not(:hover):not(:active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:focus:not(:hover):not(:active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:not(:hover):not(:active), .pathbar button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), popover.menu box.circular-buttons button.circular.image-button.model:focus:not(:hover):not(:active), popover.menu box.inline-buttons button.image-button.model:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active),
+filechooser #pathbarbox > stack > box > box > button:focus:not(:hover):not(:active),
+filechooser #pathbarbox > stack > box > menubutton > button:focus:not(:hover):not(:active), button.sidebar-button:focus:not(:hover):not(:active), button.emoji-section.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active),
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active),
+button.flat:focus:not(:hover):not(:active) {
+  color: currentColor;
+  outline: 2px solid alpha(currentColor,0.05);
+  outline-offset: -2px;
+}
+
+#NautilusPathButton:hover, panelstatusbar > menubutton > button:hover,
+panelstatusbar > paneltogglebutton button:hover, searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, .pathbar button:hover, window.dialog.message .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover,
+filechooser #pathbarbox > stack > box > box > button:hover,
+filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+.keyboard-activating#NautilusPathButton, panelstatusbar > menubutton > button.keyboard-activating,
+panelstatusbar > paneltogglebutton button.keyboard-activating, searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, .pathbar button.keyboard-activating, window.dialog.message .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating,
+filechooser #pathbarbox > stack > box > box > button.keyboard-activating,
+filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating,
+splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating,
+button.keyboard-activating.flat,
+window.shortcuts headerbar.keyboard-activating.titlebar,
+adaptive-preview headerbar.keyboard-activating.adaptive-mode-flat,
+window.appchooser headerbar.keyboard-activating.titlebar,
+window.colorchooser headerbar.keyboard-activating.titlebar,
+window.aboutdialog headerbar.keyboard-activating.titlebar,
+window.pagesetup headerbar.keyboard-activating.titlebar,
+window.print headerbar.keyboard-activating.titlebar, #NautilusPathButton:active, panelstatusbar > menubutton > button:active,
+panelstatusbar > paneltogglebutton button:active, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, .pathbar button:active, window.dialog.message .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active,
+filechooser #pathbarbox > stack > box > box > button:active,
+filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, menubutton.flat > button:active,
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+#NautilusPathButton:disabled, panelstatusbar > menubutton > button:disabled,
+panelstatusbar > paneltogglebutton button:disabled, searchbar > revealer > box .close:disabled, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, actionbar > revealer > box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled, .pathbar button:disabled, window.dialog.message .dialog-action-area > button:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, filechooser #pathbarbox > stack > box > button:disabled,
+filechooser #pathbarbox > stack > box > box > button:disabled,
+filechooser #pathbarbox > stack > box > menubutton > button:disabled, button.sidebar-button:disabled, button.emoji-section.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled, calendar > header > button:disabled, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled,
+button.flat:disabled {
+  color: alpha(currentColor,0.75);
+  background-color: transparent;
+}
+
+#NautilusPathButton:checked, panelstatusbar > menubutton > button:checked,
+panelstatusbar > paneltogglebutton button:checked, searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, .pathbar button:checked, window.dialog.message .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked,
+filechooser #pathbarbox > stack > box > box > button:checked,
+filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked,
+splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked,
+button.flat:checked {
+  background-color: alpha(currentColor,0.1);
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:hover, panelstatusbar > menubutton > button:checked:hover,
+panelstatusbar > paneltogglebutton button:checked:hover, searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, .pathbar button:checked:hover, window.dialog.message .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover,
+filechooser #pathbarbox > stack > box > box > button:checked:hover,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover,
+splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover,
+button.flat:checked:hover {
+  background-color: alpha(currentColor,0.15);
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:active, panelstatusbar > menubutton > button:checked:active,
+panelstatusbar > paneltogglebutton button:checked:active, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, .pathbar button:checked:active, window.dialog.message .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active,
+filechooser #pathbarbox > stack > box > box > button:checked:active,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active,
+splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active,
+button.flat:checked:active {
+  animation: none;
+  outline-color: transparent;
+  background-color: alpha(currentColor,0.2);
+  background-image: none;
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:disabled, panelstatusbar > menubutton > button:checked:disabled,
+panelstatusbar > paneltogglebutton button:checked:disabled, searchbar > revealer > box .close:checked:disabled, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, actionbar > revealer > box button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:disabled, .pathbar button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled,
+filechooser #pathbarbox > stack > box > box > button:checked:disabled,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:disabled, button.sidebar-button:checked:disabled, button.emoji-section.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:disabled, calendar > header > button:checked:disabled, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled, splitbutton.flat > button:checked:disabled,
+splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor,0.1);
+  color: currentColor;
+}
+
+actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.05);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.12);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.2);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.1);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.15);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.2);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button,
+button.suggested-action,
+button.destructive-action,
+button.opaque {
+  box-shadow: none;
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button,
+button.suggested-action,
+button.destructive-action,
+button.opaque {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible,
+button.suggested-action:focus:focus-visible,
+button.destructive-action:focus:focus-visible,
+button.opaque:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+.osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible,
+.osd button.suggested-action:focus:focus-visible,
+.osd button.destructive-action:focus:focus-visible,
+.osd button.opaque:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover,
+button.suggested-action:hover,
+button.destructive-action:hover,
+button.opaque:hover {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating,
+button.keyboard-activating.suggested-action,
+button.keyboard-activating.destructive-action,
+button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active,
+button.suggested-action:active,
+button.destructive-action:active,
+button.opaque:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked,
+button.suggested-action:checked,
+button.destructive-action:checked,
+button.opaque:checked {
+  background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover,
+button.suggested-action:checked:hover,
+button.destructive-action:checked:hover,
+button.opaque:checked:hover {
+  background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating,
+button.suggested-action:checked.keyboard-activating,
+button.destructive-action:checked.keyboard-activating,
+button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active,
+button.suggested-action:checked:active,
+button.destructive-action:checked:active,
+button.opaque:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.floating-bar button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 5px 9px;
+  border-radius: 6px;
+  font-weight: bold;
+}
+
+.osd button:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+
+button:disabled {
+  filter: opacity(0.45);
+}
+
+
+button:disabled label {
+  filter: none;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+
+button.image-button.close-button {
+  padding: 0;
+  border-radius: 9999px;
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.text-button.image-button,
+button.image-text-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box,
+button.image-text-button > box,
+button.image-text-button > box > box {
+  border-spacing: 4px;
+}
+
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label,
+button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+
+button.arrow-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+
+button.arrow-button > box {
+  border-spacing: 4px;
+}
+
+
+button.arrow-button.text-button > box {
+  border-spacing: 4px;
+}
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo,
+button.flat:drop(active), menubutton.osd > button:drop(active),
+button.osd:drop(active),
+button:drop(active) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+menubutton.osd > button,
+button.osd {
+  min-width: 34px;
+  min-height: 34px;
+  color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(0, 0, 0, 0.65);
+}
+
+menubutton.osd > button,
+button.osd {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+menubutton.osd > button:focus:focus-visible,
+button.osd:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+menubutton.osd > button:hover,
+button.osd:hover {
+  color: white;
+  background-color: alpha(mix(black,currentColor,0.15),0.65);
+}
+
+menubutton.osd > button.keyboard-activating, menubutton.osd > button:active,
+button.osd.keyboard-activating,
+button.osd:active {
+  color: white;
+  background-color: alpha(mix(black,currentColor,0.25),0.65);
+}
+
+menubutton.osd > button:checked,
+button.osd:checked {
+  background-color: alpha(mix(black,currentColor,0.2),0.65);
+}
+
+menubutton.osd > button:checked:hover,
+button.osd:checked:hover {
+  background-color: alpha(mix(black,currentColor,0.25),0.65);
+}
+
+menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active,
+button.osd:checked.keyboard-activating,
+button.osd:checked:active {
+  background-color: alpha(mix(black,currentColor,0.35),0.65);
+}
+
+menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+
+button.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+
+button.destructive-action {
+  color: @destructive_fg_color;
+}
+
+
+button.destructive-action,
+button.destructive-action:checked {
+  background-color: @destructive_bg_color;
+}
+
+
+button.suggested-action {
+  color: @accent_fg_color;
+}
+
+
+button.suggested-action,
+button.suggested-action:checked {
+  background-color: @accent_bg_color;
+}
+
+.osd button.flat:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+stackswitcher > button > label {
+  padding: 0 6px;
+  margin: -6px;
+}
+
+stackswitcher > button > image {
+  padding: 3px 6px;
+  margin: -9px;
+}
+
+stackswitcher > button.text-button {
+  min-width: 100px;
+}
+
+
+button.font separator {
+  background-color: transparent;
+}
+
+
+button.font > box {
+  border-spacing: 6px;
+}
+
+
+button.font > box > box > label {
+  font-weight: bold;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button,
+button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label,
+button.circular label {
+  padding: 0;
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+
+button.card {
+  background-color: @card_bg_color;
+  background-clip: padding-box;
+  font-weight: inherit;
+  padding: 0;
+}
+
+
+button.card {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+
+button.card:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+
+button.card:hover {
+  background-image: image(alpha(currentColor,0.04));
+}
+
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: image(alpha(currentColor,0.08));
+}
+
+
+button.card:checked {
+  background-color: @card_bg_color;
+  background-image: image(alpha(@accent_color,0.25));
+}
+
+
+button.card:checked:hover {
+  background-image: image(alpha(@accent_color,0.32));
+}
+
+
+button.card:checked.keyboard-activating,
+button.card:checked:active {
+  background-image: image(alpha(@accent_color,0.39));
+}
+
+
+button.card:checked.has-open-popup {
+  background-image: image(alpha(@accent_color,0.32));
+}
+
+.osd button.card:checked {
+  background-color: alpha(currentColor,0.1);
+}
+
+
+button.card:drop(active) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  background-color: transparent;
+}
+
+button.color {
+  padding: 6px;
+}
+
+button.color > colorswatch:only-child {
+  border-radius: 2.5px;
+}
+
+button.color > colorswatch:only-child > overlay {
+  border-radius: 2px;
+}
+
+button.color > colorswatch:only-child:disabled {
+  filter: none;
+}
+
+button.color > colorswatch:only-child.light > overlay {
+  border-color: alpha(@view_fg_color,0.1);
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+menubutton.destructive-action {
+  background-color: @destructive_bg_color;
+  color: @destructive_fg_color;
+}
+
+menubutton.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton.card > button {
+  border-radius: 12px;
+}
+
+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");
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transition-property: background;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton:disabled {
+  filter: opacity(0.45);
+}
+
+splitbutton:disabled > button, splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+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;
+}
+
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator {
+  background: alpha(currentColor,0.12);
+}
+
+actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+  background: alpha(currentColor,0.07);
+}
+
+actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+  background: none;
+}
+
+actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled {
+  filter: opacity(0.3);
+}
+
+actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled {
+  filter: none;
+}
+
+actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+splitbutton.destructive-action {
+  background-color: @destructive_bg_color;
+  color: @destructive_fg_color;
+}
+
+splitbutton.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 alpha(currentColor,0.3);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 alpha(currentColor,0.3);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent > box {
+  border-spacing: 6px;
+}
+
+buttoncontent > box > label {
+  font-weight: bold;
+}
+
+buttoncontent > box > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > box > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > 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);
+}
+
+calendar {
+  color: @view_fg_color;
+  background-clip: padding-box;
+  border: 1px solid alpha(currentColor,0.12);
+  font-feature-settings: "tnum";
+}
+
+calendar > header {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+calendar > header > button {
+  border-radius: 0;
+}
+
+calendar > grid {
+  padding-left: 3px;
+  padding-bottom: 3px;
+}
+
+calendar > grid > label.today {
+  box-shadow: inset 0px -2px alpha(currentColor,0.12);
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label {
+  margin-top: 3px;
+  margin-right: 3px;
+}
+
+calendar > grid > label {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+calendar > grid > label:focus {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+calendar > grid > label.day-number {
+  padding: 3px;
+}
+
+calendar > grid > label.day-number:checked {
+  border-radius: 6px;
+  background-color: alpha(@accent_bg_color,0.3);
+}
+
+calendar > grid > label.day-number:selected {
+  border-radius: 6px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor,0.3);
+}
+
+checkbutton {
+  border-spacing: 4px;
+  border-radius: 9px;
+  padding: 3px;
+}
+
+checkbutton {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+checkbutton:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd checkbutton:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+checkbutton.text-button {
+  padding: 4px;
+}
+
+check,
+radio {
+  min-height: 20px;
+  min-width: 20px;
+  -gtk-icon-size: 20px;
+  padding: 0;
+  box-shadow: 0 0 0 0 transparent;
+  background-color: alpha(currentColor,0.12);
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:not(:checked):not(:indeterminate):hover,
+radio:not(:checked):not(:indeterminate):hover {
+  box-shadow: 0 0 0 6px alpha(currentColor,0.05);
+  background-color: alpha(currentColor,0.15);
+}
+
+check:not(:checked):not(:indeterminate):active,
+radio:not(:checked):not(:indeterminate):active {
+  box-shadow: 0 0 0 6px alpha(currentColor,0.12);
+  background-color: alpha(currentColor,0.2);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  box-shadow: none;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-image: image(alpha(currentColor,0.1));
+  box-shadow: 0 0 0 6px alpha(@accent_bg_color,0.05);
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-image: image(alpha(currentColor,0.2));
+  box-shadow: 0 0 0 6px alpha(@accent_bg_color,0.12);
+}
+
+check:disabled,
+radio:disabled {
+  filter: opacity(0.45);
+}
+
+.osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate {
+  background-color: rgba(255, 255, 255, 0.75);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+check {
+  border-radius: 100%;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+}
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg")));
+}
+
+radio {
+  border-radius: 100%;
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg")));
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg")));
+}
+
+checkbutton.selection-mode {
+  border-radius: 9999px;
+}
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio {
+  padding: 3px;
+  border-radius: 9999px;
+}
+
+checkbutton.selection-mode label:dir(ltr) {
+  margin-right: 6px;
+}
+
+checkbutton.selection-mode label:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+colorswatch {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+colorswatch:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 4px;
+  outline-offset: -2px;
+}
+
+colorswatch.top {
+  border-top-left-radius: 6.5px;
+  border-top-right-radius: 6.5px;
+}
+
+colorswatch.top > overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6.5px;
+  border-bottom-right-radius: 6.5px;
+}
+
+colorswatch.bottom > overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6.5px;
+  border-bottom-left-radius: 6.5px;
+}
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6.5px;
+  border-bottom-right-radius: 6.5px;
+}
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark > overlay {
+  color: white;
+}
+
+colorswatch.light > overlay {
+  color: rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1);
+}
+
+colorswatch:drop(active).light > overlay {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+colorswatch:drop(active).dark > overlay {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+colorswatch#add-color-button > overlay {
+  border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child > overlay {
+  border-radius: 6px;
+}
+
+colorswatch:disabled {
+  filter: opacity(0.45);
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 6px;
+}
+
+colorswatch#editor-color-sample > overlay {
+  border-radius: 6.5px;
+}
+
+plane {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+plane:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 2px;
+}
+
+colorchooser .popover.osd {
+  border-radius: 12px;
+}
+
+columnview, treeview.view, window.print treeview.dialog-action-box {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) {
+  box-shadow: none;
+}
+
+columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  padding: 3px 9px;
+  border-radius: 0;
+  box-shadow: none;
+  line-height: 100%;
+  border-left: 1px solid alpha(currentColor,0.12);
+  border-bottom: 1px solid alpha(currentColor,0.12);
+  border-top: none;
+  border-right: none;
+  background-clip: padding-box;
+}
+
+columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child {
+  border-left: none;
+}
+
+columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box {
+  color: alpha(currentColor,0.4);
+  font-weight: 700;
+  font-size: 9pt;
+  border-spacing: 6px;
+}
+
+columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box {
+  color: alpha(currentColor,0.7);
+  box-shadow: none;
+}
+
+columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box {
+  color: currentColor;
+}
+
+columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd,
+columnview header.button.dnd:active,
+columnview header.button.dnd:selected,
+columnview header.button.dnd:hover,
+columnview header.button.dnd,
+treeview.view header.button.dnd,
+window.print treeview.dialog-action-box header.button.dnd {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+  transition: none;
+}
+
+columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box {
+  background: none;
+  color: inherit;
+}
+
+columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row {
+  padding: 0;
+}
+
+columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell {
+  padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) {
+  border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell,
+columnview.column-separators > header > button,
+treeview.column-separators.view > header > button,
+window.print treeview.column-separators.dialog-action-box > header > button {
+  border-left-color: alpha(currentColor,0.12);
+}
+
+columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) {
+  border-top: 1px solid alpha(currentColor,0.12);
+  border-bottom: none;
+}
+
+columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(@accent_color,0.45);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid @accent_color;
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+.dialog-action-area {
+  margin: 6px;
+  border-spacing: 6px;
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.print drawing {
+  color: @window_fg_color;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.print drawing paper {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.8);
+  background-clip: padding-box;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+/********************
+ * Page setup dalog *
+ ********************/
+/******************
+ * GtkAboutDialog *
+ ******************/
+window.aboutdialog image.large-icons {
+  -gtk-icon-size: 128px;
+}
+
+/*************************
+ * GtkColorChooserDialog *
+ *************************/
+/*************
+ * AdwDialog *
+ *************/
+floating-sheet > dimming {
+  background-color: alpha(@shade_color,2);
+}
+
+floating-sheet > sheet {
+  border-radius: 12px;
+  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px @shade_color;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  outline-offset: -1px;
+}
+
+dialog.bottom-sheet.landscape sheet {
+  margin-left: 30px;
+  margin-right: 30px;
+}
+
+dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+dialog-host > dialog.background {
+  background: none;
+}
+
+dialog-host > dialog.background sheet {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+}
+
+dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box {
+  background: none;
+}
+
+dialog-host > dialog.osd {
+  background: none;
+}
+
+/***********************
+ * GtkAppChooserDialog *
+ ***********************/
+window.appchooser headerbar.titlebar > windowhandle {
+  padding-top: 3px;
+}
+
+window.appchooser headerbar.titlebar box.start + box {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+window.appchooser searchbar {
+  background: none;
+}
+
+window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) {
+  margin: 6px;
+}
+
+window.appchooser .dialog-action-area {
+  margin-top: 0;
+}
+
+/****************
+ * GtkAssistant *
+ ****************/
+window.assistant .sidebar {
+  padding: 6px;
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+window.assistant .sidebar:not(separator):dir(ltr) {
+  border-right: none;
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+}
+
+window.assistant .sidebar:not(separator):dir(rtl) {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+}
+
+window.assistant .sidebar:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+window.assistant .sidebar > label {
+  padding: 6px 12px;
+  border-radius: 6px;
+}
+
+window.assistant .sidebar > label.highlight {
+  background-color: alpha(currentColor,0.1);
+}
+
+/***************
+ * GtkComboBox *
+ ***************/
+combobox button {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  min-height: 30px;
+}
+
+/***************
+ * GtkIconView *
+ ***************/
+iconview {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+iconview:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+iconview:drop(active) {
+  box-shadow: none;
+}
+
+iconview > dndtarget:drop(active) {
+  border-style: solid;
+  border-width: 1px;
+  border-color: @accent_bg_color;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+  padding: 6px;
+  padding-bottom: 7px;
+  border-spacing: 6px;
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+}
+
+infobar > revealer > box > box {
+  border-spacing: 6px;
+}
+
+infobar.action:hover > revealer > box {
+  background-image: image(alpha(currentColor,0.05));
+}
+
+infobar.action:active > revealer > box {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+infobar.info > revealer > box {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.question > revealer > box {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.warning > revealer > box {
+  background-color: mix(@warning_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.error > revealer > box {
+  background-color: mix(@error_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar .close {
+  min-width: 18px;
+  min-height: 18px;
+  padding: 4px;
+  border-radius: 50%;
+}
+
+/****************
+ * GtkStatusBar *
+ ****************/
+statusbar {
+  padding: 6px 10px;
+}
+
+/***************
+ * GtkTreeView *
+ ***************/
+treeview.view, window.print treeview.dialog-action-box {
+  border-left-color: mix(currentColor,@view_bg_color,0.8);
+  border-top-color: mix(currentColor,@view_bg_color,0.8);
+}
+
+treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator, window.print treeview.separator.dialog-action-box {
+  min-height: 2px;
+  color: alpha(currentColor,0.12);
+}
+
+treeview.view.expander, window.print treeview.expander.dialog-action-box {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  color: alpha(currentColor,0.7);
+}
+
+treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active {
+  color: currentColor;
+}
+
+treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled {
+  color: alpha(currentColor,0.45);
+}
+
+treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: @accent_bg_color;
+}
+
+treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after {
+  border-top-style: none;
+}
+
+treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before {
+  border-bottom-style: none;
+}
+
+treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box {
+  box-shadow: none;
+}
+
+treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  border-radius: 9999px;
+}
+
+treeview.view.trough, window.print treeview.trough.dialog-action-box {
+  background-color: alpha(currentColor,0.1);
+}
+
+treeview.view.trough, window.print treeview.trough.dialog-action-box, treeview.view.trough:selected {
+  border-radius: 9999px;
+}
+
+treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+  background: none;
+}
+
+treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label {
+  background-color: mix(currentColor,@view_bg_color,0.9);
+}
+
+treeview.navigation-sidebar {
+  padding: 0;
+}
+
+treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
+  background-color: @view_bg_color;
+  transition-property: color, background;
+}
+
+treeview entry.flat, treeview entry {
+  border-radius: 0;
+  background-image: none;
+  background-color: @view_bg_color;
+}
+
+treeview entry.flat:focus-within, treeview entry:focus-within {
+  border-color: @accent_color;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) > text {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+  border-right: 1px solid alpha(currentColor,0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+  border-left: 1px solid alpha(currentColor,0.12);
+  border-right-style: none;
+}
+
+.sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box,
+.sidebar list {
+  background-color: transparent;
+  color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, .sidebar-pane .sidebar.left, .sidebar-pane .sidebar.right, .sidebar-pane .sidebar.left:dir(rtl), .sidebar-pane .sidebar:dir(rtl), .sidebar-pane .sidebar:dir(ltr), .sidebar-pane .sidebar {
+  border-style: none;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+dropdown > button > box, combobox > button > box {
+  border-spacing: 6px;
+}
+
+dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active {
+  background: none;
+}
+
+dropdown arrow, combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown:drop(active), combobox:drop(active) {
+  box-shadow: none;
+}
+
+dropdown popover.menu, combobox popover.menu {
+  padding-top: 6px;
+}
+
+dropdown popover.menu listview > row, combobox popover.menu listview > row {
+  min-width: 0;
+}
+
+dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+}
+
+.emoji-toolbar {
+  padding: 3px;
+}
+
+button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-width: 32px;
+  min-height: 32px;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+  background: alpha(currentColor,0.07);
+}
+
+popover.emoji-picker emoji:active {
+  background: alpha(currentColor,0.16);
+}
+
+popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box {
+  background: none;
+  color: inherit;
+}
+
+popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-completion > contents {
+  padding: 6px;
+  padding-bottom: 4px;
+}
+
+emoji-completion-row {
+  padding: 6px;
+  margin-bottom: 2px;
+  border-radius: 6px;
+}
+
+emoji-completion-row:dir(ltr) {
+  padding-right: 12px;
+}
+
+emoji-completion-row:dir(rtl) {
+  padding-left: 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover {
+  background-color: alpha(currentColor,0.1);
+  color: @popover_fg_color;
+}
+
+emoji-completion-row:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+spinbutton,
+entry {
+  min-height: 34px;
+  padding-left: 9px;
+  padding-right: 9px;
+  border-radius: 6px;
+  border-spacing: 6px;
+  background-color: alpha(currentColor,0.05);
+  background-clip: padding-box;
+  caret-color: currentColor;
+}
+
+spinbutton,
+entry {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton:focus-within,
+entry:focus-within {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd spinbutton:focus-within, .osd entry:focus-within {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton > text > block-cursor,
+entry > text > block-cursor {
+  color: @view_bg_color;
+  background-color: @view_fg_color;
+}
+
+spinbutton.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  background-color: transparent;
+  box-shadow: none;
+  border-radius: 0;
+}
+
+spinbutton:disabled,
+entry:disabled {
+  filter: opacity(0.45);
+}
+
+spinbutton.error,
+entry.error {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.error:focus-within,
+entry.error:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.error > text > selection:focus-within,
+entry.error > text > selection:focus-within {
+  background-color: alpha(@error_color,0.2);
+}
+
+spinbutton.error > text > cursor-handle > contents,
+entry.error > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.error > progress > trough > progress,
+entry.error > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton.warning,
+entry.warning {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.warning:focus-within,
+entry.warning:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.warning > text > selection:focus-within,
+entry.warning > text > selection:focus-within {
+  background-color: alpha(@warning_color,0.2);
+}
+
+spinbutton.warning > text > cursor-handle > contents,
+entry.warning > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.warning > progress > trough > progress,
+entry.warning > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton.success,
+entry.success {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.success:focus-within,
+entry.success:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.success > text > selection:focus-within,
+entry.success > text > selection:focus-within {
+  background-color: alpha(@success_color,0.2);
+}
+
+spinbutton.success > text > cursor-handle > contents,
+entry.success > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.success > progress > trough > progress,
+entry.success > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton > image,
+entry > image {
+  opacity: .7;
+}
+
+spinbutton > image:hover,
+entry > image:hover {
+  opacity: 1;
+}
+
+spinbutton > image:active,
+entry > image:active {
+  opacity: .8;
+}
+
+spinbutton > image.left,
+entry > image.left {
+  margin-right: 6px;
+}
+
+spinbutton > image.right,
+entry > image.right {
+  margin-left: 6px;
+}
+
+spinbutton.password image.caps-lock-indicator,
+entry.password image.caps-lock-indicator {
+  opacity: 0.3;
+}
+
+spinbutton:drop(active),
+entry:drop(active):focus-within,
+entry:drop(active) {
+  border-color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+spinbutton > progress,
+entry > progress {
+  margin-bottom: 3px;
+}
+
+spinbutton > progress > trough > progress,
+entry > progress > trough > progress {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-width: 0 0 2px;
+  border-color: @accent_bg_color;
+  border-style: solid;
+  box-shadow: none;
+}
+
+.osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress {
+  border-color: rgba(255, 255, 255, 0.75);
+}
+
+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 {
+  filter: opacity(0.45);
+}
+
+expander:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander-widget > box > title {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+expander-widget:focus:focus-visible > box > title {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title > expander {
+  opacity: .7;
+}
+
+expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander {
+  opacity: 1;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 0 14px;
+}
+
+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-top: 3px;
+  margin-bottom: 3px;
+  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(@accent_bg_color);
+  background-clip: content-box;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: @accent_color;
+}
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+row image.sidebar-icon {
+  opacity: 0.7;
+}
+
+row .sidebar-button {
+  opacity: 0.7;
+}
+
+row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating {
+  opacity: 1;
+}
+
+placesview .server-list-button > image {
+  transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > box {
+  border-spacing: 6px;
+}
+
+filechooser {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+filechooser pathbar button:not(.image-button) {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+filechooser pathbar button > box {
+  border-spacing: 4px;
+}
+
+filechooser pathbar button > box > label {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell {
+  padding: 0;
+}
+
+filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell {
+  padding: 8px 6px;
+}
+
+filechooser gridview {
+  padding: 15px;
+}
+
+filechooser gridview ~ undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+filechooser gridview > child {
+  border-radius: 12px;
+  padding: 0;
+  margin: 3px;
+}
+
+filechooser gridview > child > filelistcell {
+  padding: 6px 12px;
+}
+
+filechooser gridview > child filethumbnail image {
+  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
+}
+
+filechooser gridview > child box {
+  border-spacing: 6px;
+}
+
+filechooser > box > actionbar {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+filechooser > box > actionbar > revealer > box {
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+filechooser scrolledwindow + actionbar > revealer > box {
+  background-color: mix(@accent_bg_color,@view_bg_color,0.7);
+  color: @window_fg_color;
+  box-shadow: none;
+  padding-top: 6px;
+  font-weight: bold;
+}
+
+filechooser scrolledwindow + actionbar > revealer > box:backdrop {
+  background-color: mix(@accent_bg_color,@view_bg_color,0.85);
+}
+
+filechooser placesview > stack > scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+filechooser placesview > actionbar > revealer > box {
+  background: @view_bg_color;
+  color: @view_fg_color;
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+filechooser placesview > actionbar > revealer > box:backdrop {
+  background: @view_bg_color;
+  transition: none;
+}
+
+filechooser placessidebar {
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+filechooser placessidebar:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+filechooser paned.horizontal > separator:dir(ltr) {
+  box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(ltr):backdrop {
+  box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(rtl) {
+  box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(rtl):backdrop {
+  box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:backdrop {
+  transition: box-shadow 200ms ease-out;
+}
+
+/* Fix header bar height in the file chooser */
+window.filechooser headerbar box.start + box.vertical {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+.fr-sidebar > row {
+  padding: 6px 9px;
+}
+
+.fr-sidebar > row:not(.fr-sidebar-row), .fr-sidebar > row:not(.fr-sidebar-row):hover, .fr-sidebar > row:not(.fr-sidebar-row):active, .fr-sidebar > row:not(.fr-sidebar-row):focus, .fr-sidebar > row:not(.fr-sidebar-row):selected, .fr-sidebar > row:not(.fr-sidebar-row):active:hover, .fr-sidebar > row:not(.fr-sidebar-row):focus:hover, .fr-sidebar > row:not(.fr-sidebar-row):selected:hover {
+  background: none;
+  animation: none;
+  transition: none;
+}
+
+headerbar {
+  min-height: 46px;
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+  margin: 0;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+headerbar > windowhandle > box {
+  padding: 6px;
+}
+
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar > windowhandle > box > box.start:dir(ltr),
+headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr),
+headerbar > windowhandle > box > widget > box.end:dir(rtl) {
+  margin-right: 6px;
+}
+
+headerbar > windowhandle > box > box.start:dir(rtl),
+headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl),
+headerbar > windowhandle > box > widget > box.end:dir(ltr) {
+  margin-left: 6px;
+}
+
+headerbar:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+headerbar:backdrop > windowhandle {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+headerbar.default-decoration {
+  padding: 0;
+  margin: 0;
+  border: none;
+  min-height: 34px;
+  box-shadow: none;
+}
+
+headerbar.default-decoration > windowhandle > box {
+  padding: 3px;
+}
+
+headerbar.default-decoration windowcontrols > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0 4px;
+  padding: 0;
+}
+
+headerbar.default-decoration windowcontrols > .icon {
+  margin: 6px;
+}
+
+.maximized headerbar, .fullscreen headerbar, .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .solid-csd headerbar {
+  border-radius: 0;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > .titlebar:not(.flat) {
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > .titlebar headerbar:not(.flat) {
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > headerbar.titlebar,
+window > .titlebar headerbar {
+  min-height: 46px;
+}
+
+window > headerbar.titlebar > windowhandle > box,
+window > .titlebar headerbar > windowhandle > box {
+  padding-bottom: 6px;
+}
+
+window > headerbar.titlebar.default-decoration,
+window > .titlebar headerbar.default-decoration {
+  min-height: 34px;
+  box-shadow: none;
+}
+
+window > headerbar.titlebar.default-decoration > windowhandle > box,
+window > .titlebar headerbar.default-decoration > windowhandle > box {
+  padding: 3px;
+}
+
+leaflet:first-child > headerbar + separator {
+  background-color: @headerbar_backdrop_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+leaflet:first-child > headerbar + separator:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+toolbarview > .top-bar headerbar,
+toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar {
+  background: none;
+  color: inherit;
+  min-height: 46px;
+  box-shadow: none;
+}
+
+toolbarview > .top-bar headerbar > windowhandle > box,
+toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box {
+  padding-bottom: 6px;
+}
+
+toolbarview > .top-bar headerbar.default-decoration,
+toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar {
+  min-height: 34px;
+}
+
+toolbarview > .top-bar headerbar.default-decoration > windowhandle > box,
+toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box {
+  padding: 3px;
+}
+
+toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop > image, headerbar.flat windowcontrols > button.minimize:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop > image, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop > image, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop > image, headerbar.flat windowcontrols > button.maximize:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop > image, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop > image, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop > image, headerbar.flat windowcontrols > button.close:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop > image, window.print headerbar.titlebar windowcontrols > button.close:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop > image {
+  background-color: alpha(@window_fg_color,0.3);
+}
+
+toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop:hover, headerbar.flat windowcontrols > button.minimize:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop:active, headerbar.flat windowcontrols > button.minimize:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop:active, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:active, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop:hover, headerbar.flat windowcontrols > button.maximize:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop:active, headerbar.flat windowcontrols > button.maximize:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop:active, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:active, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop:hover, headerbar.flat windowcontrols > button.close:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop:active, headerbar.flat windowcontrols > button.close:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop:active, window.print headerbar.titlebar windowcontrols > button.close:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop:active {
+  color: alpha(@window_fg_color,0.45);
+}
+
+.maximized toolbarview > .top-bar headerbar, toolbarview > .top-bar .maximized headerbar,
+.maximized toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .maximized headerbar, .maximized headerbar.flat, .maximized window.shortcuts headerbar.titlebar, window.shortcuts .maximized headerbar.titlebar, .maximized adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .maximized headerbar.adaptive-mode-flat, .maximized window.print headerbar.titlebar, window.print .maximized headerbar.titlebar, .maximized window.pagesetup headerbar.titlebar, window.pagesetup .maximized headerbar.titlebar, .maximized window.aboutdialog headerbar.titlebar, window.aboutdialog .maximized headerbar.titlebar, .maximized window.colorchooser headerbar.titlebar, window.colorchooser .maximized headerbar.titlebar, .maximized window.appchooser headerbar.titlebar, window.appchooser .maximized headerbar.titlebar, .fullscreen toolbarview > .top-bar headerbar, toolbarview > .top-bar .fullscreen headerbar,
+.fullscreen toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .fullscreen headerbar, .fullscreen headerbar.flat, .fullscreen window.shortcuts headerbar.titlebar, window.shortcuts .fullscreen headerbar.titlebar, .fullscreen adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .fullscreen headerbar.adaptive-mode-flat, .fullscreen window.print headerbar.titlebar, window.print .fullscreen headerbar.titlebar, .fullscreen window.pagesetup headerbar.titlebar, window.pagesetup .fullscreen headerbar.titlebar, .fullscreen window.aboutdialog headerbar.titlebar, window.aboutdialog .fullscreen headerbar.titlebar, .fullscreen window.colorchooser headerbar.titlebar, window.colorchooser .fullscreen headerbar.titlebar, .fullscreen window.appchooser headerbar.titlebar, window.appchooser .fullscreen headerbar.titlebar, .tiled toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled headerbar,
+.tiled toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled headerbar, .tiled headerbar.flat, .tiled window.shortcuts headerbar.titlebar, window.shortcuts .tiled headerbar.titlebar, .tiled adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled headerbar.adaptive-mode-flat, .tiled window.print headerbar.titlebar, window.print .tiled headerbar.titlebar, .tiled window.pagesetup headerbar.titlebar, window.pagesetup .tiled headerbar.titlebar, .tiled window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled headerbar.titlebar, .tiled window.colorchooser headerbar.titlebar, window.colorchooser .tiled headerbar.titlebar, .tiled window.appchooser headerbar.titlebar, window.appchooser .tiled headerbar.titlebar, .tiled-top toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-top headerbar,
+.tiled-top toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-top headerbar, .tiled-top headerbar.flat, .tiled-top window.shortcuts headerbar.titlebar, window.shortcuts .tiled-top headerbar.titlebar, .tiled-top adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-top headerbar.adaptive-mode-flat, .tiled-top window.print headerbar.titlebar, window.print .tiled-top headerbar.titlebar, .tiled-top window.pagesetup headerbar.titlebar, window.pagesetup .tiled-top headerbar.titlebar, .tiled-top window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-top headerbar.titlebar, .tiled-top window.colorchooser headerbar.titlebar, window.colorchooser .tiled-top headerbar.titlebar, .tiled-top window.appchooser headerbar.titlebar, window.appchooser .tiled-top headerbar.titlebar, .tiled-right toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-right headerbar,
+.tiled-right toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-right headerbar, .tiled-right headerbar.flat, .tiled-right window.shortcuts headerbar.titlebar, window.shortcuts .tiled-right headerbar.titlebar, .tiled-right adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-right headerbar.adaptive-mode-flat, .tiled-right window.print headerbar.titlebar, window.print .tiled-right headerbar.titlebar, .tiled-right window.pagesetup headerbar.titlebar, window.pagesetup .tiled-right headerbar.titlebar, .tiled-right window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-right headerbar.titlebar, .tiled-right window.colorchooser headerbar.titlebar, window.colorchooser .tiled-right headerbar.titlebar, .tiled-right window.appchooser headerbar.titlebar, window.appchooser .tiled-right headerbar.titlebar, .tiled-bottom toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-bottom headerbar,
+.tiled-bottom toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-bottom headerbar, .tiled-bottom headerbar.flat, .tiled-bottom window.shortcuts headerbar.titlebar, window.shortcuts .tiled-bottom headerbar.titlebar, .tiled-bottom adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-bottom headerbar.adaptive-mode-flat, .tiled-bottom window.print headerbar.titlebar, window.print .tiled-bottom headerbar.titlebar, .tiled-bottom window.pagesetup headerbar.titlebar, window.pagesetup .tiled-bottom headerbar.titlebar, .tiled-bottom window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-bottom headerbar.titlebar, .tiled-bottom window.colorchooser headerbar.titlebar, window.colorchooser .tiled-bottom headerbar.titlebar, .tiled-bottom window.appchooser headerbar.titlebar, window.appchooser .tiled-bottom headerbar.titlebar, .tiled-left toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-left headerbar,
+.tiled-left toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-left headerbar, .tiled-left headerbar.flat, .tiled-left window.shortcuts headerbar.titlebar, window.shortcuts .tiled-left headerbar.titlebar, .tiled-left adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-left headerbar.adaptive-mode-flat, .tiled-left window.print headerbar.titlebar, window.print .tiled-left headerbar.titlebar, .tiled-left window.pagesetup headerbar.titlebar, window.pagesetup .tiled-left headerbar.titlebar, .tiled-left window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-left headerbar.titlebar, .tiled-left window.colorchooser headerbar.titlebar, window.colorchooser .tiled-left headerbar.titlebar, .tiled-left window.appchooser headerbar.titlebar, window.appchooser .tiled-left headerbar.titlebar, .solid-csd toolbarview > .top-bar headerbar, toolbarview > .top-bar .solid-csd headerbar,
+.solid-csd toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .solid-csd headerbar, .solid-csd headerbar.flat, .solid-csd window.shortcuts headerbar.titlebar, window.shortcuts .solid-csd headerbar.titlebar, .solid-csd adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .solid-csd headerbar.adaptive-mode-flat, .solid-csd window.print headerbar.titlebar, window.print .solid-csd headerbar.titlebar, .solid-csd window.pagesetup headerbar.titlebar, window.pagesetup .solid-csd headerbar.titlebar, .solid-csd window.aboutdialog headerbar.titlebar, window.aboutdialog .solid-csd headerbar.titlebar, .solid-csd window.colorchooser headerbar.titlebar, window.colorchooser .solid-csd headerbar.titlebar, .solid-csd window.appchooser headerbar.titlebar, window.appchooser .solid-csd headerbar.titlebar {
+  box-shadow: none;
+}
+
+toolbarview > .top-bar headerbar:backdrop,
+toolbarview > .bottom-bar headerbar:backdrop {
+  transition: none;
+}
+
+toolbarview > .top-bar headerbar:backdrop > windowhandle,
+toolbarview > .bottom-bar headerbar:backdrop > windowhandle {
+  filter: none;
+  transition: none;
+}
+
+window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle,
+window.devel toolbarview > .bottom-bar headerbar > windowhandle,
+toolbarview > .bottom-bar window.devel headerbar > windowhandle {
+  background-image: none;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar,
+toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar {
+  min-height: 40px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box,
+toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar.default-decoration,
+toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar {
+  min-height: 34px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box,
+toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.titlebar:not(headerbar) separator {
+  background-color: alpha(@headerbar_border_color,0.12);
+}
+
+/*********************
+ * GtkWindowControls *
+ *********************/
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+windowcontrols > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 9px 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  box-shadow: none;
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: transparent;
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+windowcontrols > button.minimize:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.minimize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: white;
+}
+
+windowcontrols > button.minimize:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image, windowcontrols > button.maximize:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image, windowcontrols > button.close:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: alpha(@headerbar_fg_color,0.3);
+}
+
+windowcontrols > button.minimize:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.minimize:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: alpha(@headerbar_fg_color,0.45);
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #f3be7c;
+}
+
+windowcontrols > button.minimize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#f3be7c,0.75);
+}
+
+windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #7fa563;
+}
+
+windowcontrols > button.maximize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#7fa563,0.75);
+}
+
+windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #d8647e;
+}
+
+windowcontrols > button.close:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#d8647e,0.75);
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+  margin-right: 6px;
+  margin-left: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image,
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > image {
+  padding: 0;
+  border-radius: 100%;
+  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+windowcontrols > .icon {
+  margin: 9px;
+}
+
+/******************
+ * AdwWindowTitle *
+ ******************/
+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;
+}
+
+windowtitle {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+window.devel headerbar > windowhandle {
+  background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent));
+  background-repeat: repeat-x;
+}
+
+window.devel dialog headerbar > windowhandle {
+  background-image: unset;
+  background-repeat: unset;
+}
+
+.accent-color-row color {
+  min-width: 16px;
+  min-height: 16px;
+  border-radius: 16px;
+}
+
+.accent-color-row color:disabled {
+  opacity: 0.45;
+}
+
+adaptive-preview .device-view {
+  background: #101011;
+  color: white;
+  box-shadow: 0 0 0 2px RGB(255 255 255/15%);
+  margin: 2px;
+  padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel);
+  border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius);
+  --window-radius: 0px;
+  /* Hack to make GtkGraphicsOffload disable offload in this case */
+  opacity: 99.9999999999999%;
+}
+
+adaptive-preview .device-view.custom {
+  padding: 0;
+  border-radius: 0;
+  margin: 0;
+  box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0/5%);
+}
+
+adaptive-preview .device-view.highlight {
+  background: oklab(from @accent_bg_color 0.5 a b);
+  box-shadow: none;
+}
+
+adaptive-preview .device-view.highlight .screen-view .shell-top-bar,
+adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar {
+  background: none;
+}
+
+adaptive-preview .device-view.highlight.custom {
+  box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from @accent_bg_color 0.5 a b);
+}
+
+adaptive-preview .device-view .screen-view {
+  border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius);
+}
+
+adaptive-preview .device-view .screen-view.outline {
+  filter: drop-shadow(3px 0 0 @accent_bg_color) drop-shadow(-3px 0 0 @accent_bg_color) drop-shadow(0 3px 0 @accent_bg_color) drop-shadow(0 -3px 0 @accent_bg_color);
+}
+
+adaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar {
+  background: black;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label:disabled {
+  filter: opacity(0.45);
+}
+
+.dimmed, dialog.shortcuts .shortcut-row .title-box > .subtitle {
+  opacity: 0.55;
+}
+
+.dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder,
+entry > text > placeholder, headerbar .subtitle,
+windowtitle .subtitle, label.separator {
+  opacity: 0.55;
+}
+
+.accent {
+  color: @accent_color;
+}
+
+.success {
+  color: @success_color;
+}
+
+.warning {
+  color: @warning_color;
+}
+
+.error {
+  color: @error_color;
+}
+
+/**********************
+ * General Typography *
+ **********************/
+.title-1 {
+  font-weight: 800;
+  font-size: 181%;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 136%;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 136%;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 118%;
+}
+
+.heading, row.button .title, listview > header {
+  font-weight: 700;
+}
+
+.body {
+  font-weight: 400;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 82%;
+}
+
+.caption, dialog.shortcuts .shortcut-row .title-box > .subtitle {
+  font-weight: 400;
+  font-size: 82%;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.numeric, spinbutton, scale > value, progressbar > text {
+  font-feature-settings: "tnum";
+}
+
+/*******************
+ * Editable Labels *
+ *******************/
+editablelabel > stack > text {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+}
+
+levelbar:disabled {
+  filter: opacity(0.45);
+}
+
+levelbar.horizontal trough > block {
+  min-height: 8px;
+  border-radius: 99px;
+}
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full {
+  border-radius: 99px;
+}
+
+levelbar.horizontal.discrete > trough > block {
+  min-height: 8px;
+  margin-right: 2px;
+  min-width: 26px;
+  border-radius: 0;
+}
+
+levelbar.horizontal.discrete > trough > block:first-child {
+  border-radius: 99px 0 0 99px;
+}
+
+levelbar.horizontal.discrete > trough > block:last-child {
+  border-radius: 0 99px 99px 0;
+  margin-right: 0;
+}
+
+levelbar.vertical trough > block {
+  min-width: 8px;
+  border-radius: 99px;
+}
+
+levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full {
+  border-radius: 99px;
+}
+
+levelbar.vertical.discrete > trough > block {
+  min-width: 8px;
+  margin-bottom: 2px;
+  min-height: 26px;
+  border-radius: 0;
+}
+
+levelbar.vertical.discrete > trough > block:first-child {
+  border-radius: 99px 99px 0 0;
+}
+
+levelbar.vertical.discrete > trough > block:last-child {
+  border-radius: 0 0 99px 99px;
+  margin-bottom: 0;
+}
+
+levelbar > trough {
+  padding: 0;
+}
+
+levelbar > trough > block.low {
+  background-color: @warning_bg_color;
+}
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+  background-color: @accent_bg_color;
+}
+
+levelbar > trough > block.full {
+  background-color: @success_bg_color;
+}
+
+levelbar > trough > block.empty {
+  background-color: alpha(currentColor,0.15);
+}
+
+.osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical button:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical spinbutton:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical spinbutton:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical entry:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+link,
+button.link {
+  color: @accent_color;
+  text-decoration: underline;
+  font-weight: inherit;
+}
+
+link:visited,
+button.link:visited {
+  color: mix(@accent_color,@view_fg_color,0.2);
+}
+
+link:hover,
+button.link:hover {
+  color: shade(@accent_color,1.1);
+}
+
+link:active,
+button.link:active {
+  color: @accent_color;
+}
+
+link:disabled,
+button.link:disabled {
+  color: alpha(currentColor,0.45);
+}
+
+.osd link, .osd button.link {
+  color: mix(@accent_bg_color,white,0.5);
+}
+
+.osd link:visited, .osd button.link:visited {
+  color: mix(@accent_bg_color,white,0.25);
+}
+
+.osd link:active, .osd button.link:active {
+  color: mix(@accent_bg_color,white,0.5);
+}
+
+link {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+link:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd link:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+button.link > label {
+  text-decoration: underline;
+}
+
+listview,
+list {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+  background-clip: padding-box;
+  border-color: alpha(currentColor,0.12);
+}
+
+listview > row,
+list > row {
+  padding: 2px;
+  background-clip: padding-box;
+}
+
+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 alpha(currentColor,0.12);
+}
+
+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 alpha(currentColor,0.12);
+}
+
+button listview.view, button window.print listview.dialog-action-box, window.print button listview.dialog-action-box {
+  background: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview > header {
+  padding: 2px;
+  padding-top: 18px;
+  padding-bottom: 6px;
+}
+
+row {
+  background-clip: padding-box;
+}
+
+row {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+row.activatable:hover {
+  background-color: alpha(currentColor,0.04);
+}
+
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.04) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.04);
+  box-shadow: none;
+}
+
+row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.04);
+}
+
+row.activatable:selected:hover {
+  background-color: alpha(@accent_color,0.32);
+}
+
+row.activatable:selected:active {
+  background-color: alpha(@accent_color,0.39);
+}
+
+row.activatable:selected.has-open-popup {
+  background-color: alpha(@accent_color,0.32);
+}
+
+row:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+.osd row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd row.activatable:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+.osd row.activatable:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+.osd row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.07);
+}
+
+.osd row.activatable:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+.osd row.activatable:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+.osd row.activatable:selected.has-open-popup {
+  background-color: alpha(currentColor,0.13);
+}
+
+.osd row:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+/*******************************************************
+ * 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;
+}
+
+.rich-list > header {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+/****************
+ * AdwActionRow *
+ ****************/
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+  padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+  padding: 0;
+  font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+  border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title {
+  font-size: smaller;
+}
+
+row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle {
+  font-size: inherit;
+  opacity: 1;
+}
+
+/******************************
+ * AdwEntryRow and AdwSpinRow *
+ ******************************/
+row.entry:disabled text {
+  opacity: 0.45;
+}
+
+row.entry:disabled .dimmed, row.entry:disabled dialog.shortcuts .shortcut-row .title-box > .subtitle, dialog.shortcuts .shortcut-row row.entry:disabled .title-box > .subtitle, row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder,
+row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle {
+  opacity: 1;
+}
+
+row.entry > box.header {
+  border-spacing: 0;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+row.entry > box.header > .editable-area {
+  padding: 0 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator {
+  min-width: 24px;
+  min-height: 24px;
+  padding: 5px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:disabled {
+  opacity: 0.3;
+}
+
+row.entry > box.header > .editable-area > .indicator {
+  opacity: 0.3;
+}
+
+row.entry > box.header > .prefixes:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.entry > box.header > .prefixes:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .suffixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .suffixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+row.entry.monospace {
+  font-family: inherit;
+}
+
+row.entry.monospace text {
+  font-family: monospace;
+}
+
+row.spin spinbutton {
+  background: none;
+  border-spacing: 6px;
+  box-shadow: none;
+}
+
+row.spin spinbutton, row.spin spinbutton:focus {
+  outline: none;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child {
+  min-width: 28px;
+  min-height: 28px;
+  margin: 10px 2px;
+  border: none;
+}
+
+row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled {
+  filter: none;
+}
+
+row.entry,
+row.spin {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.focused,
+row.spin.focused {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active,
+row.spin:not(:selected).activatable.focused:hover,
+row.spin:not(:selected).activatable.focused:active {
+  background-color: transparent;
+}
+
+row.entry.error,
+row.spin.error {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.error.focused,
+row.spin.error.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.error text > selection:focus-within,
+row.spin.error text > selection:focus-within {
+  background-color: alpha(@error_color,0.2);
+}
+
+row.entry.error text > cursor-handle > contents,
+row.spin.error text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder,
+row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle,
+row.spin.error .dim-label,
+row.spin.error scale > value,
+row.spin.error progressbar > text,
+row.spin.error row.expander image.expander-row-arrow,
+row.expander row.spin.error image.expander-row-arrow,
+row.spin.error spinbutton > text > placeholder,
+row.spin.error entry > text > placeholder,
+row.spin.error label.separator,
+row.spin.error row.property > box.header > box.title > .title,
+row.spin.error row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.error box > list > row > box.header > box.title > .title,
+row.spin.error .subtitle {
+  opacity: 1;
+}
+
+row.entry.error .suggested-action,
+row.spin.error .suggested-action {
+  background-color: @error_bg_color;
+  color: @error_fg_color;
+}
+
+row.entry.warning,
+row.spin.warning {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.warning.focused,
+row.spin.warning.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.warning text > selection:focus-within,
+row.spin.warning text > selection:focus-within {
+  background-color: alpha(@warning_color,0.2);
+}
+
+row.entry.warning text > cursor-handle > contents,
+row.spin.warning text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder,
+row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle,
+row.spin.warning .dim-label,
+row.spin.warning scale > value,
+row.spin.warning progressbar > text,
+row.spin.warning row.expander image.expander-row-arrow,
+row.expander row.spin.warning image.expander-row-arrow,
+row.spin.warning spinbutton > text > placeholder,
+row.spin.warning entry > text > placeholder,
+row.spin.warning label.separator,
+row.spin.warning row.property > box.header > box.title > .title,
+row.spin.warning row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.warning box > list > row > box.header > box.title > .title,
+row.spin.warning .subtitle {
+  opacity: 1;
+}
+
+row.entry.warning .suggested-action,
+row.spin.warning .suggested-action {
+  background-color: @warning_bg_color;
+  color: @warning_fg_color;
+}
+
+row.entry.success,
+row.spin.success {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.success.focused,
+row.spin.success.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.success text > selection:focus-within,
+row.spin.success text > selection:focus-within {
+  background-color: alpha(@success_color,0.2);
+}
+
+row.entry.success text > cursor-handle > contents,
+row.spin.success text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder,
+row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle,
+row.spin.success .dim-label,
+row.spin.success scale > value,
+row.spin.success progressbar > text,
+row.spin.success row.expander image.expander-row-arrow,
+row.expander row.spin.success image.expander-row-arrow,
+row.spin.success spinbutton > text > placeholder,
+row.spin.success entry > text > placeholder,
+row.spin.success label.separator,
+row.spin.success row.property > box.header > box.title > .title,
+row.spin.success row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.success box > list > row > box.header > box.title > .title,
+row.spin.success .subtitle {
+  opacity: 1;
+}
+
+row.entry.success .suggested-action,
+row.spin.success .suggested-action {
+  background-color: @success_bg_color;
+  color: @success_fg_color;
+}
+
+/***************
+ * AdwComboRow *
+ ***************/
+row.combo image.dropdown-arrow:disabled {
+  filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+  background: none;
+  border: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+  background: none;
+  color: inherit;
+}
+
+row.combo popover > contents {
+  min-width: 120px;
+}
+
+row.combo popover > contents .combo-searchbar {
+  margin: 6px;
+}
+
+row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+/******************
+ * AdwExpanderRow *
+ ******************/
+list.boxed-list-separate > row, list.boxed-list, list.content {
+  background-color: @card_bg_color;
+  color: @card_fg_color;
+  border-radius: 6px;
+  box-shadow: 0 0 0 1px alpha(currentColor,0.12);
+}
+
+list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row {
+  border-bottom: 1px solid alpha(currentColor,0.08);
+}
+
+list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list-separate > row.expander .osd row.header:focus:focus-visible, .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+  background-color: alpha(currentColor,0.03);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+  background-color: alpha(currentColor,0.08);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+  background-color: alpha(currentColor,0.03);
+}
+
+row.expander {
+  background: none;
+  padding: 0px;
+}
+
+row.expander > box > list {
+  background: none;
+  color: inherit;
+}
+
+row.expander list.nested {
+  background-color: alpha(@card_shade_color,0.5);
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+  transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  margin-left: 3px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  margin-right: 3px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+  filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+  -gtk-icon-transform: rotate(0turn);
+  opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: @accent_color;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: inherit;
+}
+
+/***************
+ * AdwButtonRow *
+ ***************/
+row.button > box {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 48px;
+}
+
+row.button > box > .icon:disabled {
+  filter: Opacity(0.45);
+}
+
+row.button.suggested-action {
+  color: @accent_color;
+}
+
+row.button.destructive-action {
+  color: @destructive_color;
+}
+
+/*****************
+ * Boxed Lists *
+ *****************/
+list.boxed-list > row.expander, list.content > row.expander {
+  border: none;
+}
+
+list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom-width: 0;
+}
+
+list.boxed-list-separate {
+  background: none;
+  color: @card_fg_color;
+}
+
+list.boxed-list-separate > row {
+  border: none;
+  margin-bottom: 12px;
+}
+
+list.boxed-list-separate > row:last-child {
+  margin-bottom: 0;
+}
+
+list.boxed-list-separate > row {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+list.boxed-list-separate > row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd list.boxed-list-separate > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.03));
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.08));
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.03));
+}
+
+list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active {
+  background-color: @card_bg_color;
+  background-image: none;
+}
+
+list.boxed-list-separate > row.entry.error, list.boxed-list-separate > row.spin.error {
+  color: @error_color;
+}
+
+list.boxed-list-separate > row.entry.warning, list.boxed-list-separate > row.spin.warning {
+  color: @warning_color;
+}
+
+list.boxed-list-separate > row.entry.success, list.boxed-list-separate > row.spin.success {
+  color: @success_color;
+}
+
+list.boxed-list-separate > row.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom: none;
+}
+
+popover.menu > contents {
+  min-width: 120px;
+}
+
+popover.menu scrollbar.vertical > range > trough > slider {
+  min-height: 30px;
+}
+
+popover.menu box.inline-buttons {
+  padding: 0 12px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 2px;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu box.circular-buttons {
+  padding: 12px 12px 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  outline: none;
+  padding: 12px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:selected {
+  background-color: alpha(currentColor,0.13);
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu > contents {
+  padding: 0;
+}
+
+popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box {
+  padding: 6px;
+}
+
+popover.menu separator {
+  margin: 6px 0;
+}
+
+popover.menu list separator {
+  margin: 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 check,
+popover.menu radio {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+}
+
+popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate),
+popover.menu radio,
+popover.menu radio:hover:checked,
+popover.menu radio:hover:indeterminate,
+popover.menu radio:hover:not(:checked):not(:indeterminate),
+popover.menu radio:active:checked,
+popover.menu radio:active:indeterminate,
+popover.menu radio:active:not(:checked):not(:indeterminate) {
+  background: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu radio:checked, popover.menu radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/menu-radio-symbolic.svg")), -gtk-recolor(url("assets/menu-radio-symbolic@2.svg")));
+}
+
+.osd popover.menu check, .osd popover.menu radio {
+  background: none;
+  color: inherit;
+}
+
+popover.menu radio, popover.menu check {
+  padding: 0;
+  border: 1px solid alpha(currentColor,0.3);
+}
+
+popover.menu check.left,
+popover.menu radio.left,
+popover.menu arrow.left {
+  margin-left: -2px;
+  margin-right: 6px;
+}
+
+popover.menu check.right,
+popover.menu radio.right,
+popover.menu arrow.right {
+  margin-left: 6px;
+  margin-right: -2px;
+}
+
+popover.menu modelbutton {
+  min-height: 28px;
+  min-width: 38px;
+  padding: 2px 12px;
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  background-color: transparent;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: alpha(currentColor,0.75);
+}
+
+popover.menu modelbutton:focus:not(:hover):not(:active) {
+  outline: none;
+  background: none;
+  transition: none;
+}
+
+popover.menu modelbutton:hover, popover.menu modelbutton:selected {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+popover.menu modelbutton:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+popover.menu modelbutton arrow {
+  background: none;
+  min-width: 16px;
+  min-height: 16px;
+  opacity: 0.3;
+}
+
+popover.menu modelbutton arrow:hover {
+  background: none;
+}
+
+popover.menu modelbutton arrow:disabled {
+  filter: opacity(0.45);
+}
+
+popover.menu modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover.menu modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+popover.menu label.title {
+  font-weight: bold;
+  padding: 4px 32px;
+}
+
+popover.menu list, popover.menu listview {
+  background: none;
+  color: inherit;
+}
+
+popover.menu list > row, popover.menu listview > row {
+  border-radius: 6px;
+  padding: 0 12px;
+  min-height: 28px;
+  min-width: 46px;
+}
+
+popover.menu list > row:selected, popover.menu listview > row:selected {
+  background: none;
+}
+
+popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu list > row > box, popover.menu listview > row > box {
+  border-spacing: 6px;
+}
+
+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: 6px 12px;
+  min-height: 0;
+}
+
+menubar {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  padding-bottom: 1px;
+}
+
+menubar > item {
+  min-height: 16px;
+  padding: 4px 8px;
+  border-radius: 6px;
+}
+
+menubar > item:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+menubar > item popover.menu popover.menu {
+  padding: 0 0 4px 0;
+}
+
+menubar > item popover.menu popover.menu > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+toolbarview > .top-bar menubar,
+toolbarview > .bottom-bar menubar {
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+/********************
+ * GtkMessageDialog *
+ ********************/
+window.dialog.message .titlebar {
+  min-height: 20px;
+  background: none;
+  box-shadow: none;
+  border: none;
+}
+
+window.dialog.message .dialog-action-area {
+  border: none;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  margin: 0;
+  border-spacing: 6px;
+  padding: 6px;
+}
+
+window.dialog.message .dialog-action-area > button {
+  padding: 10px 14px;
+  border-radius: 6px;
+  border: none;
+  background-clip: padding-box;
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action {
+  color: @accent_bg_color;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action {
+  color: @destructive_color;
+}
+
+window.dialog.message .dialog-action-area > button.default, window.dialog.message .dialog-action-area > button.default:focus:not(:hover):not(:active) {
+  color: @success_color;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  margin-top: 6px;
+  border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog,
+dialog-host > dialog.alert sheet,
+window.dialog-window.alert {
+  background-color: @dialog_bg_color;
+  color: @dialog_fg_color;
+}
+
+dialog-host > dialog.alert.floating sheet,
+window.dialog-window.alert {
+  border-radius: 18px;
+  outline-offset: -1px;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.messagedialog {
+  border-radius: 18px;
+}
+
+window.messagedialog .message-area {
+  padding-top: 30px;
+  padding-bottom: 12px;
+  border-spacing: 24px;
+}
+
+window.messagedialog .message-area.has-heading.has-body {
+  border-spacing: 10px;
+}
+
+window.messagedialog .message-area.has-heading.has-body > .child {
+  margin-top: 8px;
+}
+
+window.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+window.messagedialog .response-area {
+  padding: 12px;
+  border-spacing: 6px;
+}
+
+window.messagedialog .response-area > button {
+  min-height: 24px;
+  min-width: 58px;
+  padding: 8px 14px;
+  border-radius: 6px;
+  margin: 0;
+}
+
+window.messagedialog .response-area > button.suggested {
+  color: @accent_bg_color;
+}
+
+window.messagedialog .response-area > button.destructive {
+  color: @destructive_color;
+}
+
+window.messagedialog .response-area > separator {
+  background: none;
+  margin: 3px;
+}
+
+dialog.alert.floating .message-area {
+  padding-top: 30px;
+  padding-bottom: 12px;
+  border-spacing: 24px;
+}
+
+dialog.alert.floating .message-area.has-heading.has-body {
+  border-spacing: 10px;
+}
+
+dialog.alert.floating .message-area.has-heading.has-body > .child {
+  margin-top: 8px;
+}
+
+dialog.alert.floating .message-area > .heading-bin, dialog.alert.floating .message-area > .body, dialog.alert.floating .message-area > .child {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+dialog.alert.floating .response-area {
+  padding: 12px;
+  padding-top: 18px;
+  border-spacing: 12px;
+}
+
+dialog.alert.floating .response-area > button {
+  min-height: 24px;
+  min-width: 58px;
+  padding: 8px 14px;
+  border-radius: 6px;
+  margin: 0;
+}
+
+dialog.alert.floating .response-area > button.suggested {
+  color: @accent_bg_color;
+}
+
+dialog.alert.floating .response-area > button.destructive {
+  color: @destructive_color;
+}
+
+dialog.alert.floating.short .message-area {
+  padding-top: 24px;
+  border-spacing: 18px;
+}
+
+dialog.alert.floating.short .message-area > .heading-bin, dialog.alert.floating.short .message-area > .body, dialog.alert.floating.short .message-area > .child {
+  padding-left: 18px;
+  padding-right: 18px;
+}
+
+dialog.alert.floating.short .message-area.has-heading.has-body {
+  border-spacing: 6px;
+}
+
+dialog.alert.floating.short .response-area {
+  padding: 18px;
+  padding-top: 9px;
+}
+
+dialog.alert.floating.short .response-area > button {
+  min-width: 0;
+  padding: 8px 16px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+/**************
+ * Separators *
+ **************/
+separator {
+  background: alpha(currentColor,0.12);
+  min-width: 1px;
+  min-height: 1px;
+}
+
+separator.spacer {
+  background: none;
+}
+
+separator.spacer.horizontal {
+  min-width: 12px;
+}
+
+separator.spacer.vertical {
+  min-height: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  padding: 10px;
+  border-spacing: 10px;
+  border-radius: 0 0 12px 12px;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
+  background-clip: padding-box;
+}
+
+.app-notification border {
+  border: none;
+}
+
+/**********
+ * Toasts *
+ **********/
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 150px;
+  border-spacing: 6px;
+  padding: 6px;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > widget {
+  margin: 0 6px;
+}
+
+/**************
+ * GtkVideo *
+ **************/
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 32px;
+}
+
+/******************
+ * AdwAboutWindow *
+ ******************/
+window.about .main-page > viewport > clamp > box,
+dialog.about .main-page > viewport > clamp > box {
+  margin: 12px;
+  border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box,
+dialog.about .main-page > viewport > clamp > box > box {
+  margin-top: 18px;
+  border-spacing: 18px;
+  margin-bottom: 6px;
+}
+
+window.about .main-page .app-version,
+dialog.about .main-page .app-version {
+  padding: 3px 18px;
+  color: @accent_color;
+  border-radius: 9999px;
+  margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box,
+dialog.about .subpage > viewport > clamp > box {
+  margin: 18px 12px;
+  border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview,
+dialog.about .subpage > clamp > textview {
+  background: none;
+  color: inherit;
+}
+
+/*****************
+ * AdwStatusPage *
+ *****************/
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor,0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.45;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+/* Cards */
+shortcut > .keycap, .card {
+  background-color: @card_bg_color;
+  color: @card_fg_color;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px rgba(232, 232, 238, 0.12);
+}
+
+.osd shortcut > .keycap, shortcut > .osd.keycap, .osd .card, .card.osd {
+  background-color: alpha(currentColor,0.1);
+  color: inherit;
+  box-shadow: none;
+}
+
+.card {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.card:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.card.activatable {
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.card.activatable:hover {
+  background-image: image(alpha(currentColor,0.03));
+}
+
+.card.activatable:active {
+  background-image: image(alpha(currentColor,0.08));
+}
+
+/* Transition shadows */
+flap > dimming,
+leaflet > dimming,
+navigation-view > dimming,
+overlay-split-view > dimming {
+  background: @shade_color;
+}
+
+flap > shadow,
+leaflet > shadow,
+navigation-view > shadow,
+overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+flap > shadow.left,
+leaflet > shadow.left,
+navigation-view > shadow.left,
+overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.right,
+leaflet > shadow.right,
+navigation-view > shadow.right,
+overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.up,
+leaflet > shadow.up,
+navigation-view > shadow.up,
+overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.down,
+leaflet > shadow.down,
+navigation-view > shadow.down,
+overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+/* PathBar */
+.pathbar {
+  background-color: alpha(currentColor,0.05);
+  border-radius: 6px;
+  padding: 0;
+}
+
+.pathbar button {
+  margin: 0;
+}
+
+headerbar .pathbar button {
+  margin: 0;
+}
+
+notebook > header > tabs > tab:checked {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+notebook:focus:focus-visible > header > tabs > tab:checked {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+notebook > header {
+  padding: 1px;
+  border-color: alpha(currentColor,0.12);
+  border-width: 1px;
+  background-clip: padding-box;
+}
+
+notebook > header > tabs {
+  margin: -1px;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -2px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -4px alpha(currentColor,0.12);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -4px @accent_bg_color;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -2px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 4px alpha(currentColor,0.12);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 4px @accent_bg_color;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+}
+
+notebook > header.left > tabs {
+  margin-right: -2px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -4px 0 alpha(currentColor,0.12);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -4px 0 @accent_bg_color;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+}
+
+notebook > header.right > tabs {
+  margin-left: -2px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 4px 0 alpha(currentColor,0.12);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 4px 0 @accent_bg_color;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  margin-left: -5px;
+  margin-right: -5px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+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 {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header > tabs > arrow:hover:not(:active) {
+  box-shadow: none;
+}
+
+notebook > header > tabs > tab {
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  min-height: 30px;
+  min-width: 30px;
+  padding: 3px 12px;
+  font-weight: normal;
+}
+
+notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active {
+  background-color: alpha(currentColor,0.07);
+}
+
+notebook > header > tabs > tab:not(:checked) {
+  outline-color: transparent;
+}
+
+notebook > header > tabs > tab:disabled {
+  filter: opacity(0.45);
+}
+
+notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button {
+  filter: none;
+}
+
+notebook > header > tabs > tab button.flat {
+  color: alpha(currentColor,0.3);
+  padding: 0;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active {
+  color: currentColor;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -4px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -4px;
+  margin-right: 4px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+  margin-left: -1px;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+  margin-right: -1px;
+}
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab {
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+  margin-top: -1px;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+  margin-bottom: -1px;
+}
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+notebook > header.top > tabs > tab {
+  padding-bottom: 4px;
+}
+
+notebook > header.bottom > tabs > tab {
+  padding-top: 4px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: @view_bg_color;
+}
+
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  background: none;
+  background-size: 1px 1px;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  box-shadow: inset 1px 0 alpha(currentColor,0.12), inset -1px 0 alpha(currentColor,0.12);
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  box-shadow: inset 0 1px alpha(currentColor,0.12), inset 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview.undershoot-top popover scrolledwindow undershoot.top,
+toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom {
+  background: none;
+  box-shadow: none;
+}
+
+popover.background {
+  background-color: transparent;
+  font: initial;
+}
+
+popover > arrow,
+popover > contents {
+  background-color: @popover_bg_color;
+  color: @popover_fg_color;
+  background-clip: border-box;
+  border: 1px solid mix(white,@popover_bg_color,0.92);
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+popover > contents {
+  padding: 6px;
+  border-radius: 12px;
+}
+
+popover > contents > list,
+popover > contents > .view,
+window.print popover > contents > .dialog-action-box,
+popover > contents > toolbar,
+popover > contents > scrolledwindow > viewport > list {
+  border: none;
+  background-color: transparent;
+}
+
+popover > contents separator {
+  background-color: alpha(currentColor,0.08);
+}
+
+popover > contents > statuspage.compact > scrolledwindow > viewport > box {
+  margin: 12px;
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+  background-color: transparent;
+}
+
+.osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: none;
+}
+
+popover toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover flap > dimming,
+popover leaflet > dimming,
+popover navigation-view > dimming,
+popover overlay-split-view > dimming {
+  background: @popover_shade_color;
+}
+
+popover flap > shadow,
+popover leaflet > shadow,
+popover navigation-view > shadow,
+popover overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+popover flap > shadow.left,
+popover leaflet > shadow.left,
+popover navigation-view > shadow.left,
+popover overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.right,
+popover leaflet > shadow.right,
+popover navigation-view > shadow.right,
+popover overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.up,
+popover leaflet > shadow.up,
+popover navigation-view > shadow.up,
+popover overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.down,
+popover leaflet > shadow.down,
+popover navigation-view > shadow.down,
+popover overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+progressbar {
+  border-radius: 9999px;
+}
+
+progressbar.horizontal > trough {
+  min-width: 150px;
+}
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
+  min-height: 8px;
+}
+
+progressbar.vertical > trough {
+  min-height: 80px;
+}
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress {
+  min-width: 8px;
+}
+
+progressbar > text {
+  font-size: smaller;
+}
+
+progressbar:disabled {
+  filter: opacity(0.45);
+}
+
+progressbar > trough {
+  border-radius: 9999px;
+}
+
+progressbar > trough > progress {
+  /* share most of scales' */
+  border-radius: 99px;
+}
+
+progressbar > trough > progress.left {
+  border-top-left-radius: 99px;
+  border-bottom-left-radius: 99px;
+}
+
+progressbar > trough > progress.right {
+  border-top-right-radius: 99px;
+  border-bottom-right-radius: 99px;
+}
+
+progressbar > trough > progress.top {
+  border-top-right-radius: 99px;
+  border-top-left-radius: 99px;
+}
+
+progressbar > trough > progress.bottom {
+  border-bottom-right-radius: 99px;
+  border-bottom-left-radius: 99px;
+}
+
+progressbar.osd {
+  min-width: 2px;
+  min-height: 2px;
+  background-color: transparent;
+  color: inherit;
+}
+
+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.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress {
+  min-height: 2px;
+}
+
+progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress {
+  min-width: 2px;
+}
+
+progressbar > trough.empty > progress {
+  all: unset;
+}
+
+.osd progressbar > trough > progress {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+scale > trough > fill, scale > trough, progressbar > trough {
+  border-radius: 9999px;
+  background-color: alpha(currentColor,0.15);
+}
+
+scale > trough > highlight, progressbar > trough > progress {
+  border-radius: 9999px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+scale {
+  min-height: 10px;
+  min-width: 10px;
+  padding: 12px;
+}
+
+scale > trough > slider {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+scale:focus:focus-visible > trough > slider {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 0;
+}
+
+scale > trough > slider {
+  background-color: @view_bg_color;
+  box-shadow: 0 0 0 2px @accent_bg_color, 0 0 0 0 transparent;
+  border-radius: 100%;
+  transition: box-shadow 200ms ease-out;
+  min-width: 16px;
+  min-height: 16px;
+  margin: -7px;
+}
+
+scale:hover > trough, scale:active > trough {
+  background-color: alpha(currentColor,0.2);
+}
+
+scale:hover > trough > highlight, scale:active > trough > highlight {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+scale:hover > trough > slider, scale:active > trough > slider {
+  background-color: @window_bg_color;
+  box-shadow: 0 0 0 2px @accent_bg_color, 0 0 0 8px alpha(currentColor,0.12);
+}
+
+.osd scale:focus:focus-visible > trough {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd scale > trough > highlight {
+  background-color: rgba(255, 255, 255, 0.75);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+scale:disabled {
+  filter: opacity(0.45);
+}
+
+scale:disabled > trough > slider {
+  box-shadow: 0 0 0 2px mix(@accent_bg_color,@window_bg_color,0.5);
+  outline-color: rgba(0, 0, 0, 0.2);
+}
+
+scale.fine-tune {
+  padding: 9px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 16px;
+}
+
+scale.fine-tune > trough > slider {
+  margin: -5px;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+  transform: rotate(45deg);
+  box-shadow: 0 0 0 2px @accent_bg_color;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
+  box-shadow: 0 0 0 2px mix(@accent_bg_color,@window_bg_color,0.5);
+}
+
+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: 3px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-bottom: 3px;
+}
+
+scale.horizontal.fine-tune > marks indicator {
+  min-height: 3px;
+}
+
+scale.horizontal.marks-before {
+  padding-top: 0;
+}
+
+scale.horizontal.marks-before > trough > slider {
+  border-top-left-radius: 0;
+}
+
+scale.horizontal.marks-after {
+  padding-bottom: 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: 3px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-right: 3px;
+}
+
+scale.vertical.fine-tune > marks indicator {
+  min-height: 3px;
+}
+
+scale.vertical.marks-before {
+  padding-left: 0;
+}
+
+scale.vertical.marks-before > trough > slider {
+  border-bottom-left-radius: 0;
+}
+
+scale.vertical.marks-after {
+  padding-right: 0;
+}
+
+scale.vertical.marks-after > trough > slider {
+  border-top-right-radius: 0;
+}
+
+scale.color {
+  padding: 0;
+}
+
+scale.color > trough {
+  border: none;
+  background: none;
+  border-radius: 10px;
+}
+
+scale.color > trough > slider {
+  margin: 0;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+
+scale.color.fine-tune {
+  padding: 2px;
+}
+
+scale.color.fine-tune > trough > slider {
+  margin: -2px;
+}
+
+scrollbar > range > trough {
+  margin: 7px;
+  transition: all 200ms linear;
+  border-radius: 10px;
+}
+
+scrollbar > range > trough > slider {
+  min-width: 8px;
+  min-height: 8px;
+  margin: -6px;
+  border: 6px solid transparent;
+  border-radius: 10px;
+  background-clip: padding-box;
+  transition: all 200ms linear;
+  background-color: alpha(currentColor,0.2);
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: alpha(currentColor,0.4);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: alpha(currentColor,0.6);
+}
+
+scrollbar > range > trough > slider:disabled {
+  opacity: 0;
+}
+
+scrollbar.horizontal > range > trough {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+scrollbar.vertical > range > trough {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+scrollbar.overlay-indicator {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+  padding: 0;
+}
+
+scrollbar.overlay-indicator > range > trough {
+  outline: 1px solid transparent;
+}
+
+scrollbar.overlay-indicator > range > trough > slider {
+  outline: 1px solid alpha(@scrollbar_outline_color,0.6);
+  outline-offset: -6px;
+}
+
+.osd scrollbar.overlay-indicator > range > trough > slider {
+  outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6);
+}
+
+scrollbar.overlay-indicator:not(.hovering) > range > trough > slider {
+  min-width: 3px;
+  min-height: 3px;
+  outline-color: alpha(@scrollbar_outline_color,0.35);
+}
+
+.osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider {
+  outline-color: alpha(rgba(0, 0, 0, 0.5),0.35);
+}
+
+scrollbar.overlay-indicator.hovering > range > trough {
+  background-color: alpha(currentColor,0.1);
+}
+
+scrollbar.overlay-indicator.horizontal > range > trough > slider {
+  min-width: 40px;
+}
+
+scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+scrollbar.overlay-indicator.vertical > range > trough > slider {
+  min-height: 40px;
+}
+
+scrollbar.overlay-indicator.vertical.hovering > range > trough > slider {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 40px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 40px;
+}
+
+scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active {
+  background-color: alpha(@accent_color,0.6);
+}
+
+scrolledwindow > overshoot.top {
+  background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 100% 3%, 100% 50%;
+  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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 100% 3%, 100% 50%;
+  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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 3% 100%, 50% 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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: right;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+.about toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+.about toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+  border-radius: 6px;
+}
+
+shortcut {
+  outline: 0 solid transparent;
+  outline-offset: 8px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+shortcut:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 4px;
+}
+
+shortcut > .keycap {
+  min-width: 20px;
+  min-height: 25px;
+  padding: 2px 6px;
+  border-radius: 6px;
+  font-size: smaller;
+}
+
+shortcuts-section stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+shortcuts-section stackswitcher.circular > button.circular,
+shortcuts-section stackswitcher.circular > button.text-button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+window.shortcuts headerbar.titlebar > windowhandle {
+  padding-top: 3px;
+}
+
+window.shortcuts searchbar {
+  background: none;
+}
+
+dialog.shortcuts preferencespage > scrolledwindow > viewport > clamp > box {
+  border-spacing: 18px;
+}
+
+dialog.shortcuts preferencespage > scrolledwindow > viewport > clamp > box preferencesgroup + preferencesgroup box.header {
+  margin-top: 6px;
+}
+
+dialog.shortcuts .shortcut-row {
+  padding: 9px 12px;
+  min-height: 36px;
+}
+
+dialog.shortcuts .shortcut-row .title-box {
+  border-spacing: 3px;
+}
+
+shortcut-label, shortcut-label > box {
+  border-spacing: 6px;
+}
+
+shortcut-label .keycap {
+  background: alpha(currentColor,0.1);
+  box-shadow: inset 0 -2px alpha(currentColor,0.12);
+  border-radius: 6px;
+  padding: 6px;
+  min-width: 20px;
+}
+
+shortcut-label > .dimmed, dialog.shortcuts .shortcut-row shortcut-label.title-box > .subtitle {
+  padding: 6px 0;
+}
+
+.sidebar-pane {
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+.sidebar-pane listview,
+.sidebar-pane list:not(.navigation-sidebar),
+.sidebar-pane list.boxed-list,
+.sidebar-pane list.content {
+  background-color: mix(white,@sidebar_bg_color,0.95);
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane list.boxed-list-separate {
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane flap > dimming,
+.sidebar-pane leaflet > dimming,
+.sidebar-pane navigation-view > dimming,
+.sidebar-pane overlay-split-view > dimming {
+  background: @sidebar_shade_color;
+}
+
+.sidebar-pane flap > shadow,
+.sidebar-pane leaflet > shadow,
+.sidebar-pane navigation-view > shadow,
+.sidebar-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.sidebar-pane flap > shadow.left,
+.sidebar-pane leaflet > shadow.left,
+.sidebar-pane navigation-view > shadow.left,
+.sidebar-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.right,
+.sidebar-pane leaflet > shadow.right,
+.sidebar-pane navigation-view > shadow.right,
+.sidebar-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.up,
+.sidebar-pane leaflet > shadow.up,
+.sidebar-pane navigation-view > shadow.up,
+.sidebar-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.down,
+.sidebar-pane leaflet > shadow.down,
+.sidebar-pane navigation-view > shadow.down,
+.sidebar-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane banner > revealer > widget {
+  background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7);
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85);
+}
+
+.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: inset -1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: inset 1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow columnview.view ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow treeview.view ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow window.print columnview.dialog-action-box ~ undershoot.top, window.print .sidebar-pane toolbarview.undershoot-top scrolledwindow columnview.dialog-action-box ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow window.print treeview.dialog-action-box ~ undershoot.top, window.print .sidebar-pane toolbarview.undershoot-top scrolledwindow treeview.dialog-action-box ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow columnview.view ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow treeview.view ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow window.print columnview.dialog-action-box ~ undershoot.top, window.print .content-pane toolbarview.undershoot-top scrolledwindow columnview.dialog-action-box ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow window.print treeview.dialog-action-box ~ undershoot.top, window.print .content-pane toolbarview.undershoot-top scrolledwindow treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+}
+
+.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+/* Middle pane in three-pane setups */
+.content-pane .sidebar-pane,
+.sidebar-pane .content-pane {
+  background-color: @secondary_sidebar_bg_color;
+  color: @secondary_sidebar_fg_color;
+}
+
+.content-pane .sidebar-pane:backdrop,
+.sidebar-pane .content-pane:backdrop {
+  background-color: @secondary_sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top,
+.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom,
+.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top,
+.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom,
+.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane flap > dimming,
+.content-pane .sidebar-pane leaflet > dimming,
+.content-pane .sidebar-pane navigation-view > dimming,
+.content-pane .sidebar-pane overlay-split-view > dimming,
+.sidebar-pane .content-pane flap > dimming,
+.sidebar-pane .content-pane leaflet > dimming,
+.sidebar-pane .content-pane navigation-view > dimming,
+.sidebar-pane .content-pane overlay-split-view > dimming {
+  background: @secondary_sidebar_shade_color;
+}
+
+.content-pane .sidebar-pane flap > shadow,
+.content-pane .sidebar-pane leaflet > shadow,
+.content-pane .sidebar-pane navigation-view > shadow,
+.content-pane .sidebar-pane overlay-split-view > shadow,
+.sidebar-pane .content-pane flap > shadow,
+.sidebar-pane .content-pane leaflet > shadow,
+.sidebar-pane .content-pane navigation-view > shadow,
+.sidebar-pane .content-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.content-pane .sidebar-pane flap > shadow.left,
+.content-pane .sidebar-pane leaflet > shadow.left,
+.content-pane .sidebar-pane navigation-view > shadow.left,
+.content-pane .sidebar-pane overlay-split-view > shadow.left,
+.sidebar-pane .content-pane flap > shadow.left,
+.sidebar-pane .content-pane leaflet > shadow.left,
+.sidebar-pane .content-pane navigation-view > shadow.left,
+.sidebar-pane .content-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.right,
+.content-pane .sidebar-pane leaflet > shadow.right,
+.content-pane .sidebar-pane navigation-view > shadow.right,
+.content-pane .sidebar-pane overlay-split-view > shadow.right,
+.sidebar-pane .content-pane flap > shadow.right,
+.sidebar-pane .content-pane leaflet > shadow.right,
+.sidebar-pane .content-pane navigation-view > shadow.right,
+.sidebar-pane .content-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.up,
+.content-pane .sidebar-pane leaflet > shadow.up,
+.content-pane .sidebar-pane navigation-view > shadow.up,
+.content-pane .sidebar-pane overlay-split-view > shadow.up,
+.sidebar-pane .content-pane flap > shadow.up,
+.sidebar-pane .content-pane leaflet > shadow.up,
+.sidebar-pane .content-pane navigation-view > shadow.up,
+.sidebar-pane .content-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.down,
+.content-pane .sidebar-pane leaflet > shadow.down,
+.content-pane .sidebar-pane navigation-view > shadow.down,
+.content-pane .sidebar-pane overlay-split-view > shadow.down,
+.sidebar-pane .content-pane flap > shadow.down,
+.sidebar-pane .content-pane leaflet > shadow.down,
+.sidebar-pane .content-pane navigation-view > shadow.down,
+.sidebar-pane .content-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane banner > revealer > widget,
+.sidebar-pane .content-pane banner > revealer > widget {
+  background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7);
+  color: @secondary_sidebar_fg_color;
+}
+
+.content-pane .sidebar-pane banner > revealer > widget:backdrop,
+.sidebar-pane .content-pane banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85);
+}
+
+.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(ltr),
+.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(rtl),
+.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: inset -1px 0 alpha(currentColor,0.1);
+}
+
+.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(rtl),
+.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(ltr),
+.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: inset 1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane .sidebar-pane {
+  background-color: transparent;
+  color: inherit;
+}
+
+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;
+}
+
+#NautilusPathButton, .content-pane headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .content-pane headerbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:focus:not(:hover):not(:active), .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), .content-pane headerbar button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:focus:not(:hover):not(:active) {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:hover, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .content-pane headerbar button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:hover {
+  color: @window_fg_color;
+}
+
+.keyboard-activating#NautilusPathButton, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .content-pane headerbar button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button.keyboard-activating, #NautilusPathButton:active, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .content-pane headerbar button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:active {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:disabled, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, .content-pane headerbar button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:disabled {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .content-pane headerbar button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:hover, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .content-pane headerbar button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:hover {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:active, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .content-pane headerbar button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:active {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:disabled, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, .content-pane headerbar button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:disabled {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar entry {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close {
+  color: transparent;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:active {
+  color: white;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop > image, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop > image, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop > image {
+  background-color: alpha(@window_fg_color,0.3);
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop:active {
+  color: alpha(@window_fg_color,0.45);
+}
+
+.content-pane headerbar switch {
+  background-color: alpha(@window_fg_color,0.15);
+}
+
+.content-pane headerbar switch:hover {
+  background-color: alpha(@window_fg_color,0.2);
+}
+
+.content-pane headerbar switch:active {
+  background-color: alpha(@window_fg_color,0.25);
+}
+
+.content-pane headerbar switch:hover > slider, .content-pane headerbar switch:active > slider {
+  box-shadow: 0 2px 3px transparent, 0 0 0 6px alpha(@window_fg_color,0.1);
+}
+
+.content-pane headerbar switch:checked {
+  background-color: @accent_bg_color;
+}
+
+.content-pane tabbar .box {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:selected {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:hover {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:active {
+  color: @window_fg_color;
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 6px 0;
+}
+
+.navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar.background, .navigation-sidebar.background:disabled {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+}
+
+.navigation-sidebar > row {
+  min-height: 34px;
+  padding: 0 8px;
+  border-radius: 6px;
+  margin: 0 6px 3px;
+}
+
+.navigation-sidebar > separator {
+  margin: 6px;
+  background: none;
+}
+
+.navigation-sidebar row.activatable:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+.navigation-sidebar row.activatable:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+.navigation-sidebar row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.07);
+}
+
+.navigation-sidebar row.activatable:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+.navigation-sidebar row.activatable:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+.navigation-sidebar row.activatable:selected.has-open-popup {
+  background-color: alpha(currentColor,0.13);
+}
+
+.navigation-sidebar row:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+@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.45;
+}
+
+spinbutton {
+  padding: 0;
+  border-spacing: 0;
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  margin: 0;
+  border-radius: 0;
+  box-shadow: none;
+  border-style: solid;
+  border-color: alpha(currentColor,0.1);
+}
+
+spinbutton:not(.vertical) {
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 28px;
+  padding: 6px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-height: 16px;
+  min-width: 22px;
+  padding-bottom: 0;
+  padding-top: 0;
+  border-left-width: 1px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl),
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) {
+  border-left-width: 0;
+  border-right-width: 1px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child,
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+spinbutton.vertical {
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton.vertical > text {
+  min-height: 30px;
+  min-width: 30px;
+}
+
+spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child {
+  border-top-width: 1px;
+  border-radius: 0 0 6px 6px;
+}
+
+spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child,
+spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child {
+  border-bottom-width: 1px;
+  border-radius: 6px 6px 0 0;
+}
+
+switch {
+  border-radius: 9999px;
+  padding: 3px;
+  background-color: alpha(currentColor,0.15);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+switch:hover {
+  background-color: alpha(currentColor,0.2);
+}
+
+switch:active {
+  background-color: alpha(currentColor,0.25);
+}
+
+switch {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+switch:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+switch:disabled {
+  filter: opacity(0.45);
+}
+
+switch > slider {
+  min-width: 18px;
+  min-height: 18px;
+  border-radius: 50%;
+  background-color: white;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 0 transparent;
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+switch:hover > slider, switch:active > slider {
+  box-shadow: 0 2px 3px transparent, 0 0 0 6px alpha(currentColor,0.1);
+}
+
+switch:checked {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+}
+
+switch:checked:hover {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+switch:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+switch:checked > slider {
+  color: @window_fg_color;
+  background-color: white;
+}
+
+.osd switch:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd switch:checked {
+  background-color: rgba(255, 255, 255, 0.6);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+tabbar .box {
+  background-color: @headerbar_bg_color;
+  color: @headerbar_fg_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+  padding: 1px;
+  padding-top: 0;
+}
+
+tabbar .box:backdrop {
+  background-color: @headerbar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+tabbar .box:backdrop > scrolledwindow,
+tabbar .box:backdrop > .start-action,
+tabbar .box:backdrop > .end-action {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+tabbar tabbox {
+  padding-bottom: 6px;
+  padding-top: 6px;
+  min-height: 34px;
+}
+
+tabbar tabbox > tabboxchild {
+  border-radius: 6px;
+}
+
+tabbar tabbox > tabboxchild {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+tabbar tabbox > tabboxchild:focus-within:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+tabbar tabbox > separator {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+  opacity: 0;
+}
+
+tabbar tabbox > revealer > indicator {
+  min-width: 2px;
+  border-radius: 2px;
+  margin: 3px 6px;
+  background: alpha(@accent_color,0.5);
+}
+
+tabbar tab {
+  transition: background 150ms ease-in-out;
+}
+
+tabbar tab:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+tabbar tab:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+tabbar tab:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+tabbar tab:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+tabbar tab:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+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: 6px;
+}
+
+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;
+}
+
+toolbarview > .top-bar tabbar .box,
+toolbarview > .bottom-bar tabbar .box, tabbar.inline .box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+toolbarview > .top-bar tabbar .box:backdrop,
+toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow,
+toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow,
+toolbarview > .top-bar tabbar .box:backdrop > .start-action,
+toolbarview > .bottom-bar tabbar .box:backdrop > .start-action,
+tabbar.inline .box:backdrop > .start-action,
+toolbarview > .top-bar tabbar .box:backdrop > .end-action,
+toolbarview > .bottom-bar tabbar .box:backdrop > .end-action,
+tabbar.inline .box:backdrop > .end-action {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing tabbar tabbox,
+toolbarview > .bottom-bar .collapse-spacing tabbar tabbox,
+toolbarview > .top-bar .collapse-spacing tabbar .start-action,
+toolbarview > .bottom-bar .collapse-spacing tabbar .start-action,
+toolbarview > .top-bar .collapse-spacing tabbar .end-action,
+toolbarview > .bottom-bar .collapse-spacing tabbar .end-action {
+  padding-top: 0;
+  padding-bottom: 6px;
+}
+
+dnd tab {
+  background-color: @headerbar_bg_color;
+  background-image: image(alpha(currentColor,0.19));
+  color: @headerbar_fg_color;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
+  margin: 25px;
+}
+
+tabbar tab,
+dnd tab {
+  min-height: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(@accent_color,0.5);
+  transform: translateY(4px);
+}
+
+tabgrid > tabgridchild .card {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+tabgrid > tabgridchild:focus:focus-visible .card {
+  outline-color: alpha(@accent_color,0.45);
+  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(@accent_bg_color,0.4);
+  background-color: alpha(@accent_bg_color,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: @accent_color;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 8px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(@accent_color,0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  outline-offset: -1px;
+  border-radius: 12px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: @thumbnail_bg_color;
+  color: @thumbnail_fg_color;
+}
+
+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(@thumbnail_bg_color,0.75);
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular:hover {
+  background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75);
+}
+
+tabthumbnail button.circular:active {
+  background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75);
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+cursor-handle {
+  all: unset;
+  padding: 24px 20px;
+}
+
+cursor-handle > contents {
+  min-width: 20px;
+  min-height: 20px;
+  border-radius: 50%;
+  background-color: @accent_bg_color;
+}
+
+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);
+}
+
+magnifier {
+  background-color: @view_bg_color;
+}
+
+/******************
+ * AdwToggleGroup *
+ ******************/
+toggle-group {
+  background: alpha(currentColor,0.05);
+  border-radius: 9px;
+  padding: 3px;
+}
+
+toggle-group:disabled {
+  background-color: color-mix(in srgb, alpha(currentColor,0.05) 45%, transparent);
+}
+
+toggle-group > toggle {
+  border-radius: 6px;
+  font-weight: bold;
+  min-width: 34px;
+  min-height: 28px;
+}
+
+toggle-group > toggle.image-button > image:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle.text-button {
+  min-width: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group > toggle.text-button > label:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle.image-text-button {
+  min-width: 16px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group > toggle.image-text-button > buttoncontent > box > label {
+  padding: 0;
+}
+
+toggle-group > toggle.image-text-button > buttoncontent > box > image:disabled,
+toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group > toggle:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 0;
+}
+
+toggle-group > toggle:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+toggle-group > toggle:active, toggle-group > toggle.keyboard-activating {
+  background-color: alpha(currentColor,0.16);
+}
+
+toggle-group > toggle:checked {
+  background-color: alpha(currentColor,0.1);
+  color: @card_fg_color;
+  box-shadow: none;
+}
+
+toggle-group > toggle:checked:disabled {
+  background-color: alpha(currentColor,0.07);
+  box-shadow: none;
+}
+
+toggle-group.osd, .osd toggle-group {
+  --active-toggle-bg-color: white;
+  --active-toggle-fg-color: rgb(0 0 0 / 80%);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked {
+  box-shadow: none;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible {
+  outline-color: color-mix(in srgb, #ffffff 25%, transparent);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, toggle-group.osd:not(.flat) > toggle:checked:hover, toggle-group.osd:not(.flat) > toggle:checked:active, toggle-group.osd:not(.flat) > toggle:checked.keyboard-activating, .osd toggle-group:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked:hover, .osd toggle-group:not(.flat) > toggle:checked:active, .osd toggle-group:not(.flat) > toggle:checked.keyboard-activating {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:checked, .osd toggle-group:not(.flat) > toggle:checked:checked {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled {
+  box-shadow: none;
+}
+
+toggle-group.vertical > toggle:not(.text-button):not(.image-text-button) {
+  min-width: 28px;
+}
+
+toggle-group > separator {
+  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group > separator.horizontal {
+  margin: 3px 1px;
+}
+
+toggle-group > separator.vertical {
+  margin: 1px 3px;
+}
+
+toggle-group > separator.hidden {
+  opacity: 0;
+}
+
+toggle-group > separator:disabled {
+  filter: Opacity(0.45);
+}
+
+toggle-group.round {
+  border-radius: 17px;
+}
+
+toggle-group.round toggle {
+  border-radius: 14px;
+}
+
+toggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+toggle-group.round separator.horizontal {
+  margin: 6px 1px;
+}
+
+toggle-group.round separator.vertical {
+  margin: 1px 6px;
+}
+
+toggle-group.flat {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+  padding: 0;
+}
+
+toggle-group.flat > toggle {
+  min-height: 34px;
+}
+
+toggle-group.flat > toggle {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group.flat > toggle:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+toggle-group.flat > toggle.text-button {
+  min-width: 18px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group.flat > toggle.image-text-button {
+  min-width: 16px;
+  padding-left: 11px;
+  padding-right: 11px;
+}
+
+toggle-group.flat > toggle:checked {
+  background-color: alpha(currentColor,0.1);
+  color: inherit;
+  box-shadow: none;
+}
+
+toggle-group.flat > toggle:checked:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+toggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating {
+  background-color: alpha(currentColor,0.19);
+}
+
+toggle-group.flat > toggle:checked:disabled {
+  background-color: color-mix(in srgb, alpha(currentColor,0.1) var(--disabled-opacity), transparent);
+}
+
+toggle-group.flat > separator {
+  background: none;
+}
+
+/*************************
+ * AdwInlineViewSwitcher *
+ *************************/
+inline-view-switcher > toggle-group.icons > toggle {
+  min-width: 34px;
+}
+
+inline-view-switcher > toggle-group.labels > toggle {
+  min-width: calc(18px + var(---group-padding) * 2);
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin {
+  padding-left: calc(11px - var(---group-padding));
+  padding-right: calc(11px - var(---group-padding));
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label {
+  padding: 0 6px;
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask {
+  transform: translateY(2px);
+}
+
+inline-view-switcher > toggle-group.both > toggle {
+  min-width: calc(10px + var(---group-padding) * 2);
+}
+
+inline-view-switcher > toggle-group.both > toggle > widget > box {
+  padding-left: calc(15px - var(---group-padding));
+  padding-right: calc(15px - var(---group-padding));
+  border-spacing: 6px;
+}
+
+actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: inherit;
+  background-color: transparent;
+}
+
+actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.toolbar {
+  padding: 6px;
+  border-spacing: 6px;
+}
+
+.toolbar.osd {
+  padding: 12px;
+  border-radius: 12px;
+}
+
+toolbarview > .top-bar .collapse-spacing .toolbar,
+toolbarview > .bottom-bar .collapse-spacing .toolbar {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/****************
+ * GtkSearchBar *
+ ****************/
+searchbar > revealer > box {
+  padding: 6px 6px 7px 6px;
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+searchbar > revealer > box:backdrop {
+  background-color: @view_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+searchbar > revealer > box:backdrop > * {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+searchbar > revealer > box .close {
+  min-width: 18px;
+  min-height: 18px;
+  padding: 4px;
+  border-radius: 50%;
+}
+
+searchbar > revealer > box .close:dir(ltr) {
+  margin-left: 10px;
+  margin-right: 4px;
+}
+
+searchbar > revealer > box .close:dir(rtl) {
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+toolbarview > .top-bar searchbar > revealer > box,
+toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 6px;
+}
+
+toolbarview > .top-bar searchbar > revealer > box:backdrop,
+toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar searchbar > revealer > box:backdrop > *,
+toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing searchbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/****************
+ * GtkActionBar *
+ ****************/
+actionbar > revealer > box {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+  box-shadow: inset 0 1px alpha(@headerbar_border_color,0.12);
+  padding: 7px 6px 6px 6px;
+}
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
+  border-spacing: 6px;
+}
+
+actionbar > revealer > box:backdrop {
+  background-color: @view_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+actionbar > revealer > box:backdrop > * {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+toolbarview > .top-bar actionbar > revealer > box,
+toolbarview > .bottom-bar actionbar > revealer > box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+toolbarview > .top-bar actionbar > revealer > box:backdrop,
+toolbarview > .bottom-bar actionbar > revealer > box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar actionbar > revealer > box:backdrop > *,
+toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing actionbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/*************
+ * AdwBanner *
+ *************/
+banner > revealer > widget {
+  /* There are 2 more instances in _sidebars.css, keep in sync with that */
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+  padding: 6px;
+}
+
+banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.85);
+  transition: background-color 200ms ease-out;
+}
+
+banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+/******************
+ * AdwToolbarView *
+ ******************/
+toolbarview > .top-bar button.pill,
+toolbarview > .bottom-bar button.pill {
+  padding: 5px 24px;
+}
+
+toolbarview > .top-bar .collapse-spacing,
+toolbarview > .bottom-bar .collapse-spacing {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar,
+toolbarview > .bottom-bar .collapse-spacing headerbar {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+toolbarview > .top-bar.raised,
+toolbarview > .bottom-bar.raised {
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+}
+
+toolbarview > .top-bar.raised:backdrop,
+toolbarview > .bottom-bar.raised:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+toolbarview > .top-bar.raised:backdrop > windowhandle,
+toolbarview > .bottom-bar.raised:backdrop > windowhandle {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+toolbarview > .top-bar.raised searchbar > revealer > box, toolbarview > .top-bar.raised actionbar > revealer > box,
+toolbarview > .bottom-bar.raised searchbar > revealer > box,
+toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+  box-shadow: none;
+}
+
+toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: @headerbar_bg_color;
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+window.devel toolbarview > .top-bar {
+  background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent));
+  background-repeat: repeat-x;
+}
+
+window.devel dialog toolbarview > .top-bar {
+  background-image: unset;
+  background-repeat: unset;
+}
+
+toolbarview > .top-bar.raised {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+toolbarview > .top-bar.raised.border {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+toolbarview > .bottom-bar.raised {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview > .bottom-bar.raised.border {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview columnview > header > button, toolbarview window.print treeview.dialog-action-box > header > button, window.print toolbarview treeview.dialog-action-box > header > button, toolbarview treeview.view > header > button {
+  border-bottom: none;
+  border-color: transparent;
+  border-image: linear-gradient(to bottom, @window_bg_color 20%, alpha(currentColor,0.12) 20%, alpha(currentColor,0.12) 80%, @window_bg_color 80%) 0 0 0 1/0 0 0 1px stretch;
+}
+
+toolbarview columnview > header > button:first-child, toolbarview window.print treeview.dialog-action-box > header > button:first-child, window.print toolbarview treeview.dialog-action-box > header > button:first-child, toolbarview treeview.view > header > button:first-child {
+  border-image: none;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised,
+.sidebar-pane toolbarview > .bottom-bar.raised, .content-pane toolbarview > .top-bar.raised,
+.content-pane toolbarview > .bottom-bar.raised, .about toolbarview > .top-bar.raised,
+.about toolbarview > .bottom-bar.raised {
+  box-shadow: none;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised, .sidebar-pane toolbarview > .top-bar.raised:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised,
+.sidebar-pane toolbarview > .bottom-bar.raised:backdrop, .content-pane toolbarview > .top-bar.raised, .content-pane toolbarview > .top-bar.raised:backdrop,
+.content-pane toolbarview > .bottom-bar.raised,
+.content-pane toolbarview > .bottom-bar.raised:backdrop, .about toolbarview > .top-bar.raised, .about toolbarview > .top-bar.raised:backdrop,
+.about toolbarview > .bottom-bar.raised,
+.about toolbarview > .bottom-bar.raised:backdrop {
+  color: inherit;
+  background-color: transparent;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised searchbar > revealer > box, .sidebar-pane toolbarview > .top-bar.raised actionbar > revealer > box,
+.sidebar-pane toolbarview > .bottom-bar.raised searchbar > revealer > box,
+.sidebar-pane toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: transparent;
+  color: @sidebar_fg_color;
+  box-shadow: inset 0 1px alpha(currentColor,0.1);
+}
+
+.sidebar-pane toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, .sidebar-pane toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: transparent;
+}
+
+.content-pane toolbarview > .top-bar.raised searchbar > revealer > box, .content-pane toolbarview > .top-bar.raised actionbar > revealer > box,
+.content-pane toolbarview > .bottom-bar.raised searchbar > revealer > box,
+.content-pane toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: transparent;
+  color: @window_fg_color;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+.content-pane toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, .content-pane toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+.content-pane toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+.content-pane toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: transparent;
+}
+
+tooltip {
+  padding: 6px 10px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  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;
+}
+
+.view, window.print .dialog-action-box,
+textview > text,
+dialog-host > dialog.view sheet,
+window.print dialog-host > dialog.dialog-action-box sheet,
+iconview {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+}
+
+.view:disabled, window.print .dialog-action-box:disabled,
+textview > text:disabled,
+dialog-host > dialog.view sheet:disabled,
+window.print dialog-host > dialog.dialog-action-box sheet:disabled,
+iconview:disabled {
+  color: alpha(currentColor,0.5);
+  background-color: mix(@window_bg_color,@view_bg_color,0.4);
+}
+
+.view:selected:focus, .view:selected, window.print .dialog-action-box:selected,
+textview > text:selected,
+dialog-host > dialog.view sheet:selected,
+window.print dialog-host > dialog.dialog-action-box sheet:selected,
+iconview:selected {
+  background-color: alpha(@accent_color,0.25);
+  border-radius: 6px;
+}
+
+textview {
+  caret-color: currentColor;
+}
+
+textview > text {
+  background-color: transparent;
+}
+
+textview > border {
+  background-color: mix(@window_bg_color,@view_bg_color,0.5);
+}
+
+textview:drop(active) {
+  caret-color: @accent_bg_color;
+}
+
+rubberband {
+  border: 1px solid @accent_color;
+  background-color: alpha(@accent_color,0.2);
+}
+
+flowbox > flowboxchild,
+gridview > child {
+  padding: 3px;
+  border-radius: 6px;
+}
+
+flowbox > flowboxchild,
+gridview > child {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+flowbox > flowboxchild:focus:focus-visible,
+gridview > child:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+flowbox > flowboxchild:selected,
+gridview > child:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+gridview > child.activatable:hover {
+  background-color: alpha(currentColor,0.04);
+}
+
+gridview > child.activatable:active {
+  background-color: alpha(currentColor,0.08);
+}
+
+gridview > child.activatable:selected:hover {
+  background-color: alpha(@accent_color,0.32);
+}
+
+gridview > child.activatable:selected:active {
+  background-color: alpha(@accent_color,0.39);
+}
+
+viewswitcher {
+  border-spacing: 3px;
+}
+
+viewswitcher.narrow {
+  margin-top: -3px;
+  margin-bottom: -3px;
+  min-height: 6px;
+}
+
+viewswitcher button.toggle {
+  padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > label {
+  min-height: 18px;
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 2px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 2px 12px;
+  border-spacing: 6px;
+}
+
+/**********************
+ * AdwViewSwitcherBar *
+ **********************/
+viewswitcherbar actionbar > revealer > box {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 6px;
+}
+
+toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box {
+  padding-top: 6px;
+}
+
+/************************
+ * AdwViewSwitcherTitle *
+ ************************/
+viewswitchertitle {
+  margin-top: -6px;
+  margin-bottom: -6px;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+viewswitchertitle viewswitcher.narrow {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+viewswitchertitle viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitchertitle windowtitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/*******************
+ * AdwIndicatorBin *
+ *******************/
+indicatorbin > indicator, indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 100px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  background: alpha(currentColor,0.4);
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background: @accent_color;
+}
+
+indicatorbin.badge > indicator,
+indicatorbin.badge > mask {
+  min-height: 13px;
+}
+
+indicatorbin.badge > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding-left: 4px;
+  padding-right: 4px;
+  color: white;
+}
+
+indicatorbin.badge.needs-attention > indicator {
+  background: @accent_bg_color;
+}
+
+indicatorbin.badge.needs-attention > indicator > label {
+  color: @accent_fg_color;
+}
+
+window {
+  border: none;
+}
+
+window.csd {
+  margin: 0;
+  border-radius: 12px;
+  outline-offset: -1px;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.csd:backdrop {
+  transition: box-shadow 200ms ease-out;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom {
+  border-radius: 0;
+  outline: none;
+}
+
+window.csd.maximized, window.csd.fullscreen {
+  border-radius: 0;
+  outline: none;
+  box-shadow: none;
+  transition: none;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: @headerbar_bg_color;
+  border: 1px solid @headerbar_darker_shade_color;
+}
+
+window.ssd {
+  box-shadow: 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+  padding: 0;
+}
+
+popover.background.pages-popover listview > row {
+  padding: 6px;
+}
+
+popover.background.pages-popover listview > row button {
+  margin: 0;
+}
+
+popover.background.pages-popover listview > row check {
+  margin: 4px 2px;
+  -gtk-icon-size: 12px;
+}
+
+panelresizer .top-bar {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+}
+
+.frameheader.header {
+  min-height: 46px;
+  padding: 0;
+  border: none;
+  border-bottom: 1px solid alpha(currentColor,0.12);
+  background-color: @headerbar_backdrop_color;
+}
+
+.frameheader.header:backdrop {
+  background-color: @headerbar_bg_color;
+}
+
+.frameheader.header tabbar.inline tabbox > tabboxchild {
+  margin: 0;
+}
+
+panelframeswitcher.frameheader.header {
+  padding: 0 6px;
+}
+
+panelframeswitcher > button.toggle.image-button {
+  border: none;
+  margin: 6px 0;
+}
+
+panelstatusbar {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+  border-radius: 0;
+}
+
+panelwidget entry.statusbar {
+  background-color: @window_bg_color;
+  border-radius: 0;
+  outline: none;
+  box-shadow: none;
+  border-top: 1px solid alpha(currentColor,0.12);
+}
+
+panelwidget entry.statusbar:focus-within {
+  outline: none;
+}
+
+.IdeTweaksWindow .boxed-list, .IdeTweaksWindow list.content,
+.org-gnome-Builder .boxed-list,
+.org-gnome-Builder list.content {
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.08);
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: alpha(currentColor,0.05);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: alpha(currentColor,0.15);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: @accent_color;
+}
+
+.display-container.card {
+  box-shadow: none;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+.small .display-container.card {
+  border-radius: 0;
+  border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+  background-color: @view_bg_color;
+}
+
+.display-container #displayitem {
+  padding: 0 12px 8px 0;
+  font-size: 1.4em;
+  border-top: 1px solid alpha(currentColor,0.12);
+}
+
+.math-buttons button {
+  font-size: 1.1em;
+  padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+leaflet button.number-button {
+  background-color: alpha(currentColor,0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: alpha(currentColor,0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: alpha(currentColor,0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px;
+}
+
+label.primary-label, label.month-name {
+  color: @accent_color;
+}
+
+label.secondary-label {
+  color: alpha(currentColor,0.45);
+}
+
+calendar-view {
+  font-size: 10pt;
+}
+
+calendar-view:selected {
+  color: @accent_color;
+  font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+  font-size: 10pt;
+  font-weight: bold;
+  color: alpha(currentColor,0.45);
+}
+
+calendar-view.current,
+weekgrid.current {
+  background-color: alpha(@accent_color,0.3);
+}
+
+popover.events {
+  background-color: @popover_bg_color;
+  color: @popover_fg_color;
+  padding: 0;
+}
+
+popover.events box {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+popover.events list {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+  border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+  border-width: 0;
+}
+
+popover.events button {
+  border-radius: 6px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-style: solid none none;
+  box-shadow: none;
+}
+
+event {
+  margin: 1px;
+  font-size: 0.9rem;
+}
+
+event widget.content {
+  margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+  border-radius: 6px;
+}
+
+event.timed widget.edge {
+  border-radius: 3px;
+  min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+  padding-left: 16px;
+  border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+  padding-right: 16px;
+  border-radius: 3px 0 0 3px;
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+  padding: 0;
+}
+
+.search-viewport {
+  background-color: @view_bg_color;
+}
+
+.calendar-list {
+  background-color: transparent;
+}
+
+.calendar-list > list {
+  border-radius: 4px;
+}
+
+.calendar-color-image {
+  -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+  -gtk-icon-shadow: 0 1px alpha(black,0.1);
+}
+
+datechooser {
+  color: @sidebar_fg_color;
+}
+
+datechooser navigator {
+  margin-right: 6px;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+datechooser navigator label {
+  font-weight: bold;
+}
+
+datechooser navigator button.flat,
+datechooser navigator button.pill,
+datechooser navigator button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+datechooser .weeknum, datechooser .weekday {
+  color: alpha(currentColor,0.45);
+  font-size: smaller;
+}
+
+datechooser button.day {
+  font-size: 10pt;
+  font-weight: normal;
+  margin: 2px;
+  padding: 4px;
+  min-height: 24px;
+  min-width: 24px;
+  transition: none;
+}
+
+datechooser button.day dot {
+  background-color: currentColor;
+  border-radius: 50%;
+  min-height: 3px;
+  min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+  background-color: @accent_fg_color;
+}
+
+datechooser button.day.today {
+  color: @accent_bg_color;
+}
+
+datechooser button.day.today dot {
+  background-color: @accent_bg_color;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+  color: alpha(currentColor,0.35);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+  background-color: alpha(currentColor,0.35);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+  color: alpha(currentColor,0.45);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+  background-color: alpha(currentColor,0.45);
+}
+
+.week-header {
+  padding: 0;
+}
+
+.week-header > box:first-child {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+.week-header .week-number {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px 12px 18px 12px;
+  color: alpha(currentColor,0.35);
+}
+
+.week-header.week-temperature {
+  font-size: 10pt;
+  font-weight: bold;
+  color: alpha(currentColor,0.45);
+}
+
+.week-header.lines {
+  color: alpha(currentColor,0.12);
+}
+
+weekhourbar > label {
+  font-size: 10pt;
+  padding: 4px 6px;
+}
+
+.week-view .lines {
+  color: alpha(currentColor,0.12);
+}
+
+weekgrid > widget.now-strip {
+  background-color: alpha(@accent_color,0.8);
+  margin: 0 0 0 1px;
+  min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+  background-color: alpha(@accent_color,0.25);
+}
+
+monthcell {
+  border: solid 1px alpha(currentColor,0.12);
+  border-width: 1px 0 0 1px;
+  background-color: transparent;
+  transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+  background-color: @dialog_bg_color;
+  transition: background-color 200ms;
+  color: currentColor;
+}
+
+monthcell:selected {
+  background-color: alpha(@accent_color,0.1);
+}
+
+monthcell:selected:hover {
+  background-color: alpha(@accent_color,0.2);
+}
+
+monthcell:selected label.day-label {
+  font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+  border-left-width: 0;
+}
+
+monthcell.today {
+  background-color: alpha(@accent_color,0.2);
+}
+
+monthcell.today:hover {
+  background-color: alpha(@accent_color,0.3);
+  color: @accent_color;
+}
+
+monthcell.today:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+monthcell.today:selected:hover {
+  background-color: alpha(@accent_color,0.35);
+}
+
+monthcell label {
+  color: currentColor;
+  font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+  font-size: 1rem;
+}
+
+monthcell.out-of-month {
+  background-color: alpha(currentColor,0.05);
+}
+
+monthcell.out-of-month label {
+  color: alpha(currentColor,0.75);
+}
+
+monthcell button {
+  padding: 0 6px;
+  border-radius: 0;
+  border-bottom: none;
+  border-right: none;
+}
+
+monthpopover > box {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+}
+
+.notes-section box > textview {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.notes-section box > textview > text {
+  background: none;
+}
+
+agenda-view list > row {
+  padding: 2px 12px;
+}
+
+agenda-view list > label {
+  padding: 6px 12px;
+}
+
+agenda-view > scrolledwindow > viewport > list.background {
+  background-color: transparent;
+}
+
+label.no-events {
+  font-style: italic;
+}
+
+searchbutton > popover > arrow {
+  background: none;
+  border: none;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser .current-week {
+  background: alpha(currentColor,0.07);
+  color: @sidebar_fg_color;
+  border-radius: 6px;
+}
+
+menubutton.sources-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 6px;
+  border-top-style: none;
+  border-bottom-style: none;
+}
+
+menubutton.sources-button:hover:not(:backdrop) {
+  background-image: none;
+  text-shadow: none;
+}
+
+menubutton.sources-button > button {
+  border-radius: 6px;
+  min-height: 0;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .title {
+  font-size: 10pt;
+  font-weight: normal;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .subtitle {
+  font-size: 8pt;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .calendar-color-image {
+  -gtk-icon-size: 12px;
+}
+
+menubutton stack > box {
+  border-spacing: 6px;
+}
+
+.large-button {
+  padding: 6px;
+}
+
+.alarm-time {
+  font-size: 2.5em;
+  font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+  font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+  font-size: 6em;
+  font-weight: 300;
+}
+
+.clocks-ringing-title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+  font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+  font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+  font-size: 20pt;
+  font-weight: 300;
+}
+
+.timer-countdown {
+  font-size: 40pt;
+  font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+  font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+  font-size: 70px;
+  font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+  color: #8caaee;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+  font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.clock-location {
+  font-weight: bolder;
+}
+
+.hidden {
+  opacity: 0;
+}
+
+.clock-time {
+  font-size: 2em;
+  padding: 0.2em 0.5em;
+  border-radius: 1em;
+}
+
+.none .clock-time {
+  background: alpha(currentColor,0.2);
+}
+
+.night .clock-time {
+  color: #7e98e8;
+  background-color: alpha(#8caaee,0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+  color: #e0a363;
+  background-color: alpha(#f7d498,0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+  color: #e0a363;
+  background: alpha(#f3be7c,0.25);
+}
+
+.exit-info {
+  padding: 6px;
+  border-top: 2px solid @accent_color;
+  background: alpha(@accent_color,0.9);
+  color: @accent_fg_color;
+}
+
+.error .exit-info {
+  border-top: 2px solid @error_color;
+  background: alpha(@error_color,0.9);
+  color: @error_fg_color;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: alpha(currentColor,0.07);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: alpha(currentColor,0.16);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: @accent_color;
+}
+
+preferencesgroup > box .cutout-button {
+  background-color: @dialog_bg_color;
+}
+
+preferencesgroup > box button.accent,
+preferencesgroup > box button.accent-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 9999px;
+  background: var(--accent-bg-color);
+  outline: none;
+  background-clip: content-box;
+  box-shadow: none;
+}
+
+preferencesgroup > box button.accent:hover,
+preferencesgroup > box button.accent-button:hover {
+  box-shadow: 0 0 0 3px alpha(currentColor,0.07);
+}
+
+preferencesgroup > box button.accent:checked,
+preferencesgroup > box button.accent-button:checked {
+  box-shadow: 0 0 0 3px @accent_color;
+}
+
+preferencesgroup > box button.accent.blue, preferencesgroup > box button.accent.teal, preferencesgroup > box button.accent.green, preferencesgroup > box button.accent.yellow, preferencesgroup > box button.accent.orange, preferencesgroup > box button.accent.red, preferencesgroup > box button.accent.pink, preferencesgroup > box button.accent.purple, preferencesgroup > box button.accent.slate,
+preferencesgroup > box button.accent-button.blue,
+preferencesgroup > box button.accent-button.teal,
+preferencesgroup > box button.accent-button.green,
+preferencesgroup > box button.accent-button.yellow,
+preferencesgroup > box button.accent-button.orange,
+preferencesgroup > box button.accent-button.red,
+preferencesgroup > box button.accent-button.pink,
+preferencesgroup > box button.accent-button.purple,
+preferencesgroup > box button.accent-button.slate {
+  --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab));
+}
+
+preferencesgroup > box button.accent.blue,
+preferencesgroup > box button.accent-button.blue {
+  --accent-bg-color: var(--accent-blue);
+}
+
+preferencesgroup > box button.accent.teal,
+preferencesgroup > box button.accent-button.teal {
+  --accent-bg-color: var(--accent-teal);
+}
+
+preferencesgroup > box button.accent.green,
+preferencesgroup > box button.accent-button.green {
+  --accent-bg-color: var(--accent-green);
+}
+
+preferencesgroup > box button.accent.yellow,
+preferencesgroup > box button.accent-button.yellow {
+  --accent-bg-color: var(--accent-yellow);
+}
+
+preferencesgroup > box button.accent.orange,
+preferencesgroup > box button.accent-button.orange {
+  --accent-bg-color: var(--accent-orange);
+}
+
+preferencesgroup > box button.accent.red,
+preferencesgroup > box button.accent-button.red {
+  --accent-bg-color: var(--accent-red);
+}
+
+preferencesgroup > box button.accent.pink,
+preferencesgroup > box button.accent-button.pink {
+  --accent-bg-color: var(--accent-pink);
+}
+
+preferencesgroup > box button.accent.purple,
+preferencesgroup > box button.accent-button.purple {
+  --accent-bg-color: var(--accent-purple);
+}
+
+preferencesgroup > box button.accent.slate,
+preferencesgroup > box button.accent-button.slate {
+  --accent-bg-color: var(--accent-slate);
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+.floating-bar {
+  min-height: 24px;
+  padding: 5px;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar {
+  margin: 6px;
+}
+
+.floating-bar button {
+  margin: 0;
+  color: @accent_fg_color;
+}
+
+.nautilus-grid-view child.activatable {
+  padding: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell {
+  padding: 6px;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell .icon-ui-labels-box {
+  margin: 0 0 12px;
+  border-spacing: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell .dim-label,
+.nautilus-grid-view child.activatable #NautilusViewCell entry > text > placeholder, .nautilus-grid-view child.activatable #NautilusViewCell headerbar .subtitle, headerbar .nautilus-grid-view child.activatable #NautilusViewCell .subtitle,
+.nautilus-grid-view child.activatable #NautilusViewCell windowtitle .subtitle,
+windowtitle .nautilus-grid-view child.activatable #NautilusViewCell .subtitle, .nautilus-grid-view child.activatable #NautilusViewCell label.separator, .nautilus-grid-view child.activatable #NautilusViewCell row label.subtitle, row .nautilus-grid-view child.activatable #NautilusViewCell label.subtitle, .nautilus-grid-view child.activatable #NautilusViewCell row.property > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell row.expander image.expander-row-arrow, row.expander .nautilus-grid-view child.activatable #NautilusViewCell image.expander-row-arrow, .nautilus-grid-view child.activatable #NautilusViewCell row.expander.property box > list > row > box.header > box.title > .title, row.expander.property .nautilus-grid-view child.activatable #NautilusViewCell box > list > row > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell progressbar > text, .nautilus-grid-view child.activatable #NautilusViewCell scale > value, .nautilus-grid-view child.activatable #NautilusViewCell spinbutton > text > placeholder {
+  border-spacing: 0;
+}
+
+.nautilus-list-view {
+  padding: 0;
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-list-view columnview.view, .nautilus-list-view treeview.view, .nautilus-list-view window.print columnview.dialog-action-box, window.print .nautilus-list-view columnview.dialog-action-box, .nautilus-list-view window.print treeview.dialog-action-box, window.print .nautilus-list-view treeview.dialog-action-box {
+  padding: 0;
+}
+
+.nautilus-list-view columnview.view > header > button:last-child, .nautilus-list-view treeview.view > header > button:last-child, .nautilus-list-view window.print columnview.dialog-action-box > header > button:last-child, window.print .nautilus-list-view columnview.dialog-action-box > header > button:last-child, .nautilus-list-view window.print treeview.dialog-action-box > header > button:last-child, window.print .nautilus-list-view treeview.dialog-action-box > header > button:last-child {
+  padding-right: 24px;
+}
+
+.nautilus-list-view listview.view, .nautilus-list-view window.print listview.dialog-action-box, window.print .nautilus-list-view listview.dialog-action-box {
+  padding: 6px;
+  margin: 0;
+  border-spacing: 3px;
+}
+
+.nautilus-list-view listview.view > row, .nautilus-list-view window.print listview.dialog-action-box > row, window.print .nautilus-list-view listview.dialog-action-box > row {
+  padding: 0;
+  margin: 0;
+  border-radius: 6px;
+}
+
+.nautilus-list-view listview.view > row > cell, .nautilus-list-view window.print listview.dialog-action-box > row > cell, window.print .nautilus-list-view listview.dialog-action-box > row > cell {
+  padding: 4px;
+}
+
+.nautilus-list-view listview.view > row > cell:last-child, .nautilus-list-view window.print listview.dialog-action-box > row > cell:last-child, window.print .nautilus-list-view listview.dialog-action-box > row > cell:last-child {
+  padding-right: 24px;
+}
+
+.nautilus-list-view listview.view > row:nth-child(odd):not(:disabled), .nautilus-list-view window.print listview.dialog-action-box > row:nth-child(odd):not(:disabled), window.print .nautilus-list-view listview.dialog-action-box > row:nth-child(odd):not(:disabled) {
+  background-image: image(alpha(currentColor,0.015));
+}
+
+.nautilus-list-view listview.view #NautilusViewCell, .nautilus-list-view window.print listview.dialog-action-box #NautilusViewCell, window.print .nautilus-list-view listview.dialog-action-box #NautilusViewCell {
+  padding: 0;
+}
+
+.nautilus-list-view listview.view #NautilusViewCell button.star.circular, .nautilus-list-view window.print listview.dialog-action-box #NautilusViewCell button.star.circular, window.print .nautilus-list-view listview.dialog-action-box #NautilusViewCell button.star.circular {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditor > menubutton {
+  margin: 2px 0;
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 3px;
+}
+
+#NautilusPathBar {
+  background-color: alpha(currentColor,0.05);
+  border-radius: 6px;
+  padding: 0;
+  color: @window_fg_color;
+}
+
+#NautilusPathButton {
+  margin: 0;
+  border-radius: 6px;
+}
+
+list.operations-list {
+  background: none;
+}
+
+list.operations-list > row, list.operations-list > row:hover, list.operations-list > row:active, list.operations-list > row:focus, list.operations-list > row:selected {
+  background: none;
+  transition: none;
+  animation: none;
+}
+
+button.image-button.star {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+.details-page {
+  margin: 24px 0px;
+}
+
+.installed-overlay-box {
+  font-size: smaller;
+  background-color: @accent_color;
+  border-radius: 0;
+  color: @accent_fg_color;
+  text-shadow: 0 1px 0 alpha(black,0.2);
+}
+
+screenshot-carousel box.frame {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+  margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+  margin-top: 6px;
+  margin-bottom: 12px;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.app-tile-label {
+  font-size: 105%;
+}
+
+.review-textbox {
+  padding: 6px;
+}
+
+.origin-rounded-box {
+  background-color: alpha(currentColor,0.07);
+  border-radius: 9999px;
+  padding: 4px;
+}
+
+.origin-beta {
+  color: #f3be7c;
+}
+
+.origin-button > button {
+  padding: 3px 9px;
+}
+
+.card flowboxchild.card {
+  border: none;
+  box-shadow: none;
+  padding: 0;
+  background: none;
+}
+
+.category-tile.card {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+  min-width: 140px;
+  font-weight: 900;
+  font-size: larger;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.category-tile.card.category-tile-iconless {
+  padding: 9px 15px;
+  min-width: 130px;
+  font-size: 105%;
+  font-weight: normal;
+  box-shadow: none;
+  background-color: alpha(currentColor,0.05);
+}
+
+.category-tile.card.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: white;
+}
+
+.category-tile.card.category-create:hover {
+  background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+  color: white;
+}
+
+.category-tile.card.category-create:active {
+  background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+  color: white;
+}
+
+.category-tile.card.category-develop {
+  background: #5e5c64;
+  color: white;
+}
+
+.category-tile.card.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+  color: white;
+}
+
+.category-tile.card.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+  color: white;
+}
+
+.category-tile.card.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: white;
+}
+
+.category-tile.card.category-learn:hover {
+  background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+  color: white;
+}
+
+.category-tile.card.category-learn:active {
+  background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+  color: white;
+}
+
+.category-tile.card.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-play:hover {
+  background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-play:active {
+  background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: alpha(currentColor,0.75);
+}
+
+.category-tile.card.category-socialize:hover {
+  background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+.category-tile.card.category-socialize:active {
+  background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+.category-tile.card.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.card.category-work:hover {
+  color: #1c71d8;
+  background-color: #fefcef;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+}
+
+.category-tile.card.category-work:active {
+  color: #1c71d8;
+  background-color: #fcf4bf;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+  font-size: larger;
+}
+
+.featured-tile {
+  padding: 0;
+  box-shadow: none;
+  color: currentColor;
+}
+
+.featured-tile label.title-1 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+  font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+  background-color: alpha(currentColor,0.05);
+  color: currentColor;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+.application-details-infobar.warning {
+  background-color: @warning_color;
+  color: @warning_fg_color;
+  border: 1px solid alpha(@warning_fg_color,0.1);
+}
+
+@keyframes install-progress-unknown-move {
+  0% {
+    background-position: 0%;
+  }
+  50% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: 0%;
+  }
+}
+
+.application-details-description .button {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.install-progress {
+  background-image: linear-gradient(to top, @accent_color 2px, alpha(@accent_color,0) 2px);
+  background-repeat: no-repeat;
+  background-position: 0 bottom;
+  background-size: 0;
+  transition: none;
+}
+
+.install-progress:dir(rtl) {
+  background-position: 100% bottom;
+}
+
+.review-row > * {
+  margin: 12px;
+}
+
+.review-row button {
+  font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+  margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+  border-image: linear-gradient(to top, alpha(currentColor,0.12), alpha(currentColor,0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+  border-image: none;
+}
+
+review-bar {
+  color: alpha(currentColor,0.45);
+  background-image: none;
+  background-color: alpha(currentColor,0.35);
+}
+
+.review-histogram star-image {
+  color: alpha(currentColor,0.45);
+}
+
+.version-arrow-label {
+  font-size: x-small;
+}
+
+.overview-more-button {
+  font-size: smaller;
+  padding: 0 16px;
+}
+
+.app-row-origin-text {
+  font-size: smaller;
+}
+
+.app-listbox-header {
+  padding: 6px;
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+.image-list {
+  background-color: transparent;
+}
+
+box.star {
+  background-color: transparent;
+  background-image: none;
+}
+
+button.star {
+  outline-offset: 0;
+  background-color: transparent;
+  background-image: none;
+  border-image: none;
+  border-radius: 0;
+  border-width: 0;
+  padding: 0;
+  box-shadow: none;
+  outline-offset: -1px;
+}
+
+star-image {
+  color: #e0a363;
+}
+
+.dimmer-label {
+  opacity: 0.25;
+}
+
+.update-failed-details {
+  font-family: Monospace;
+  font-size: smaller;
+  padding: 16px;
+}
+
+.upgrade-banner {
+  padding: 0px;
+  border-radius: 6px;
+  border: none;
+}
+
+.upgrade-banner-background {
+  background: linear-gradient(to bottom, #a6d189, #8caaee);
+  color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+  margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+  margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+  margin-top: 12px;
+}
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon {
+  color: alpha(currentColor,0.45);
+  min-height: 32px;
+  min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+  border: 1px solid alpha(currentColor,0.12);
+  background-color: transparent;
+  border-radius: 0;
+  padding: 24px 12px 21px 12px;
+  outline-offset: 5px;
+  transition-property: outline, outline-offset, background-image;
+  border-bottom: none;
+  border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+  background-image: none;
+  background-color: alpha(currentColor,0.07);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+  outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+  border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+  border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: alpha(currentColor,0.12);
+}
+
+carousel.card {
+  border: none;
+  background-color: alpha(currentColor,0.05);
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+  font-size: 24px;
+  padding: 16px;
+  min-width: 24px;
+  /* 60px minus the left and right padding */
+  min-height: 24px;
+  /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+  margin-top: -28px;
+  margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+  -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+  color: currentColor;
+  background-color: alpha(currentColor,0.07);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+  color: mix(black,@success_color,0.85);
+  background-color: alpha(@success_color,0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+  color: #8caaee;
+  background-color: alpha(#8caaee,0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+  color: mix(black,@warning_color,0.85);
+  background-color: alpha(@warning_color,0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #f7d498;
+  background-color: alpha(#f7d498,0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+  color: mix(black,@error_color,0.85);
+  background-color: alpha(@error_color,0.15);
+}
+
+.eol-red {
+  font-weight: bold;
+  color: @error_color;
+}
+
+window.narrow .app-title {
+  font-size: 16pt;
+}
+
+window.narrow .app-developer {
+  font-size: small;
+}
+
+.install-progress-label {
+  font-size: smaller;
+  font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+  margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+  -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);
+}
+
+window.info scrollbar.vertical {
+  margin-top: 48px;
+  background: none;
+  box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+  margin-top: 0;
+}
+
+row.app > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+row.app > box.header {
+  border-spacing: 12px;
+}
+
+row.app > box.header > image {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+row.app label.warning {
+  color: #ea999c;
+}
+
+@keyframes pre-delay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    filter: opacity(0%);
+  }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+  animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+  animation-delay: 0s, 0.5s, 0.5s;
+}
+
+#places-label {
+  font-weight: bold;
+}
+
+#temperature-label {
+  font-size: 32pt;
+  font-weight: 900;
+  margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+  color: alpha(currentColor,0.75);
+}
+
+.content-view.cell {
+  font-weight: bold;
+}
+
+#locationEntry {
+  margin: 6px;
+}
+
+.weather-popover {
+  margin-top: 6px;
+}
+
+.forecast-card {
+  transition: border-radius 100ms ease-out;
+  border-radius: 6px;
+}
+
+.forecast-card separator {
+  background-color: alpha(currentColor,0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+  background-color: transparent;
+  min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+  margin-left: 18px;
+  margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+  margin-left: 0;
+  margin-right: 0;
+  border-radius: 0;
+  border-width: 1px 0;
+}
+
+WeatherThermometer {
+  margin-bottom: 12px;
+}
+
+.forecast-button {
+  margin: 0 12px;
+}
+
+.forecast-graphic {
+  margin: 18px;
+}
+
+button.osd.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+button.osd.circular > image {
+  padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+  background: none;
+  color: inherit;
+}
+
+playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+playlistview queuerow picture.cover,
+playlistview queuerow image.card {
+  border: none;
+}
+
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio, themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+  background-image: none;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+popover.menu themeswitcher {
+  padding: 6px;
+}
+
+popover.menu themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+}
+
+popover.menu themeswitcher .check, popover.menu themeswitcher .check:hover, popover.menu themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+popover.menu themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  border: none;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+popover.menu themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px @accent_color;
+}
+
+popover.menu themeswitcher checkbutton radio {
+  padding: 0;
+  border: none;
+}
+
+popover.menu themeswitcher checkbutton radio, popover.menu themeswitcher checkbutton radio:hover, popover.menu themeswitcher checkbutton radio:active, popover.menu themeswitcher checkbutton radio:checked, popover.menu themeswitcher checkbutton radio:indeterminate {
+  background-color: transparent;
+  background-image: none;
+  box-shadow: none;
+  color: transparent;
+}
+
+popover.menu themeswitcher checkbutton radio:checked, popover.menu themeswitcher checkbutton radio:indeterminate {
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+popover.menu themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+popover.menu themeswitcher checkbutton.light {
+  color: alpha(black,0.8);
+  background-color: white;
+}
+
+popover.menu themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+styleselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 0;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: none;
+  border: none;
+}
+
+styleselector checkbutton:hover {
+  box-shadow: inset 0 0 0 2px alpha(currentColor,0.12);
+}
+
+styleselector checkbutton:checked {
+  box-shadow: inset 0 0 0 2px var(--accent-bg-color);
+}
+
+styleselector checkbutton:checked > radio, styleselector checkbutton:checked > radio:hover, styleselector checkbutton:checked > radio:checked, styleselector checkbutton:checked > radio:checked:hover {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+  color: var(--accent-fg-color);
+  background-color: var(--accent-bg-color);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  border: none;
+}
+
+styleselector checkbutton > radio {
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+  margin: 0;
+}
+
+styleselector checkbutton > radio:not(:checked):not(:indeterminate), styleselector checkbutton > radio:not(:checked):not(:indeterminate):hover {
+  color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  -gtk-icon-source: none;
+}
+
+.note-window, .note-window .text-view.view, .note-window window.print .text-view.dialog-action-box, window.print .note-window .text-view.dialog-action-box, .note-window .text-view.view > text, .note-window window.print .text-view.dialog-action-box > text, window.print .note-window .text-view.dialog-action-box > text, .note-window .toolbar, .note-window .toolbar button {
+  color: @accent_fg_color;
+}
+
+.note-window .top-bar > windowhandle:backdrop {
+  filter: none;
+}
+
+.note-window popover > arrow,
+.note-window popover > contents {
+  border: 1px solid alpha(@accent_fg_color,0.1);
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05);
+}
+
+.note-window.style-yellow, .note-window.style-yellow .text-view.view, .note-window.style-yellow window.print .text-view.dialog-action-box, window.print .note-window.style-yellow .text-view.dialog-action-box, .note-window.style-yellow .text-view.view > text, .note-window.style-yellow window.print .text-view.dialog-action-box > text, window.print .note-window.style-yellow .text-view.dialog-action-box > text {
+  background-color: var(--accent-yellow);
+}
+
+.note-window.style-yellow headerbar.flat, .note-window.style-yellow window.print headerbar.titlebar, window.print .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.appchooser headerbar.titlebar, window.appchooser .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-yellow headerbar.adaptive-mode-flat, .note-window.style-yellow window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow headerbar.flat:backdrop, .note-window.style-yellow .toolbar, .note-window.style-yellow .toolbar:backdrop {
+  background-color: var(--accent-yellow);
+}
+
+.note-window.style-yellow .text-view.view > text > selection, .note-window.style-yellow window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-yellow .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-yellow popover > arrow,
+.note-window.style-yellow popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-yellow),0.9);
+}
+
+.note-window.style-pink, .note-window.style-pink .text-view.view, .note-window.style-pink window.print .text-view.dialog-action-box, window.print .note-window.style-pink .text-view.dialog-action-box, .note-window.style-pink .text-view.view > text, .note-window.style-pink window.print .text-view.dialog-action-box > text, window.print .note-window.style-pink .text-view.dialog-action-box > text {
+  background-color: var(--accent-pink);
+}
+
+.note-window.style-pink headerbar.flat, .note-window.style-pink window.print headerbar.titlebar, window.print .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.appchooser headerbar.titlebar, window.appchooser .note-window.style-pink headerbar.titlebar, .note-window.style-pink adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-pink headerbar.adaptive-mode-flat, .note-window.style-pink window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-pink headerbar.titlebar, .note-window.style-pink headerbar.flat:backdrop, .note-window.style-pink .toolbar, .note-window.style-pink .toolbar:backdrop {
+  background-color: var(--accent-pink);
+}
+
+.note-window.style-pink .text-view.view > text > selection, .note-window.style-pink window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-pink .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-pink popover > arrow,
+.note-window.style-pink popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-pink),0.9);
+}
+
+.note-window.style-green, .note-window.style-green .text-view.view, .note-window.style-green window.print .text-view.dialog-action-box, window.print .note-window.style-green .text-view.dialog-action-box, .note-window.style-green .text-view.view > text, .note-window.style-green window.print .text-view.dialog-action-box > text, window.print .note-window.style-green .text-view.dialog-action-box > text {
+  background-color: var(--accent-green);
+}
+
+.note-window.style-green headerbar.flat, .note-window.style-green window.print headerbar.titlebar, window.print .note-window.style-green headerbar.titlebar, .note-window.style-green window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-green headerbar.titlebar, .note-window.style-green window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-green headerbar.titlebar, .note-window.style-green window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-green headerbar.titlebar, .note-window.style-green window.appchooser headerbar.titlebar, window.appchooser .note-window.style-green headerbar.titlebar, .note-window.style-green adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-green headerbar.adaptive-mode-flat, .note-window.style-green window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-green headerbar.titlebar, .note-window.style-green headerbar.flat:backdrop, .note-window.style-green .toolbar, .note-window.style-green .toolbar:backdrop {
+  background-color: var(--accent-green);
+}
+
+.note-window.style-green .text-view.view > text > selection, .note-window.style-green window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-green .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-green popover > arrow,
+.note-window.style-green popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-green),0.9);
+}
+
+.note-window.style-purple, .note-window.style-purple .text-view.view, .note-window.style-purple window.print .text-view.dialog-action-box, window.print .note-window.style-purple .text-view.dialog-action-box, .note-window.style-purple .text-view.view > text, .note-window.style-purple window.print .text-view.dialog-action-box > text, window.print .note-window.style-purple .text-view.dialog-action-box > text {
+  background-color: var(--accent-purple);
+}
+
+.note-window.style-purple headerbar.flat, .note-window.style-purple window.print headerbar.titlebar, window.print .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.appchooser headerbar.titlebar, window.appchooser .note-window.style-purple headerbar.titlebar, .note-window.style-purple adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-purple headerbar.adaptive-mode-flat, .note-window.style-purple window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-purple headerbar.titlebar, .note-window.style-purple headerbar.flat:backdrop, .note-window.style-purple .toolbar, .note-window.style-purple .toolbar:backdrop {
+  background-color: var(--accent-purple);
+}
+
+.note-window.style-purple .text-view.view > text > selection, .note-window.style-purple window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-purple .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-purple popover > arrow,
+.note-window.style-purple popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-purple),0.9);
+}
+
+.note-window.style-blue, .note-window.style-blue .text-view.view, .note-window.style-blue window.print .text-view.dialog-action-box, window.print .note-window.style-blue .text-view.dialog-action-box, .note-window.style-blue .text-view.view > text, .note-window.style-blue window.print .text-view.dialog-action-box > text, window.print .note-window.style-blue .text-view.dialog-action-box > text {
+  background-color: var(--accent-blue);
+}
+
+.note-window.style-blue headerbar.flat, .note-window.style-blue window.print headerbar.titlebar, window.print .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.appchooser headerbar.titlebar, window.appchooser .note-window.style-blue headerbar.titlebar, .note-window.style-blue adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-blue headerbar.adaptive-mode-flat, .note-window.style-blue window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-blue headerbar.titlebar, .note-window.style-blue headerbar.flat:backdrop, .note-window.style-blue .toolbar, .note-window.style-blue .toolbar:backdrop {
+  background-color: var(--accent-blue);
+}
+
+.note-window.style-blue .text-view.view > text > selection, .note-window.style-blue window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-blue .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-blue popover > arrow,
+.note-window.style-blue popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-blue),0.9);
+}
+
+.note-window.style-gray, .note-window.style-gray .text-view.view, .note-window.style-gray window.print .text-view.dialog-action-box, window.print .note-window.style-gray .text-view.dialog-action-box, .note-window.style-gray .text-view.view > text, .note-window.style-gray window.print .text-view.dialog-action-box > text, window.print .note-window.style-gray .text-view.dialog-action-box > text {
+  background-color: #565656;
+}
+
+.note-window.style-gray headerbar.flat, .note-window.style-gray window.print headerbar.titlebar, window.print .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.appchooser headerbar.titlebar, window.appchooser .note-window.style-gray headerbar.titlebar, .note-window.style-gray adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-gray headerbar.adaptive-mode-flat, .note-window.style-gray window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-gray headerbar.titlebar, .note-window.style-gray headerbar.flat:backdrop, .note-window.style-gray .toolbar, .note-window.style-gray .toolbar:backdrop {
+  background-color: #565656;
+}
+
+.note-window.style-gray .text-view.view > text > selection, .note-window.style-gray window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-gray .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-gray popover > arrow,
+.note-window.style-gray popover > contents {
+  background-color: mix(@accent_fg_color,#565656,0.9);
+}
+
+.note-window.style-charcoal, .note-window.style-charcoal .text-view.view, .note-window.style-charcoal window.print .text-view.dialog-action-box, window.print .note-window.style-charcoal .text-view.dialog-action-box, .note-window.style-charcoal .text-view.view > text, .note-window.style-charcoal window.print .text-view.dialog-action-box > text, window.print .note-window.style-charcoal .text-view.dialog-action-box > text {
+  background-color: #2b2b2b;
+}
+
+.note-window.style-charcoal headerbar.flat, .note-window.style-charcoal window.print headerbar.titlebar, window.print .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.appchooser headerbar.titlebar, window.appchooser .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-charcoal headerbar.adaptive-mode-flat, .note-window.style-charcoal window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal headerbar.flat:backdrop, .note-window.style-charcoal .toolbar, .note-window.style-charcoal .toolbar:backdrop {
+  background-color: #2b2b2b;
+}
+
+.note-window.style-charcoal .text-view.view > text > selection, .note-window.style-charcoal window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-charcoal .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-charcoal popover > arrow,
+.note-window.style-charcoal popover > contents {
+  background-color: mix(@accent_fg_color,#2b2b2b,0.9);
+}
+
+window#desktopwindow.background {
+  background: none;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #8caaee;
+@define-color accent_fg_color rgba(20, 20, 21, 0.87);
+@define-color accent_color #8caaee;
+@define-color destructive_bg_color #ea999c;
+@define-color destructive_fg_color rgba(20, 20, 21, 0.87);
+@define-color destructive_color #ea999c;
+@define-color success_bg_color #a6d189;
+@define-color success_fg_color rgba(20, 20, 21, 0.87);
+@define-color success_color #a6d189;
+@define-color warning_bg_color #f3be7c;
+@define-color warning_fg_color rgba(20, 20, 21, 0.87);
+@define-color warning_color #f3be7c;
+@define-color error_bg_color #ea999c;
+@define-color error_fg_color rgba(20, 20, 21, 0.87);
+@define-color error_color #ea999c;
+@define-color window_bg_color #171718;
+@define-color window_fg_color #e8e8ee;
+@define-color view_bg_color #171718;
+@define-color view_fg_color #e8e8ee;
+@define-color headerbar_bg_color #171718;
+@define-color headerbar_fg_color #e8e8ee;
+@define-color headerbar_border_color #e8e8ee;
+@define-color headerbar_backdrop_color #161617;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color headerbar_darker_shade_color rgba(20, 20, 21, 0.75);
+@define-color sidebar_bg_color #161617;
+@define-color sidebar_fg_color #e8e8ee;
+@define-color sidebar_backdrop_color #171718;
+@define-color sidebar_shade_color rgba(0, 0, 0, 0.25);
+@define-color sidebar_border_color rgba(232, 232, 238, 0.08);
+@define-color secondary_sidebar_bg_color #171718;
+@define-color secondary_sidebar_fg_color #e8e8ee;
+@define-color secondary_sidebar_backdrop_color #171718;
+@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25);
+@define-color secondary_sidebar_border_color rgba(232, 232, 238, 0.12);
+@define-color card_bg_color rgba(232, 232, 238, 0.04);
+@define-color card_fg_color #e8e8ee;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #161617;
+@define-color dialog_fg_color #e8e8ee;
+@define-color popover_bg_color #171718;
+@define-color popover_fg_color #e8e8ee;
+@define-color popover_shade_color rgba(0, 0, 0, 0.25);
+@define-color thumbnail_bg_color #17171c;
+@define-color thumbnail_fg_color #e8e8ee;
+@define-color shade_color rgba(0, 0, 0, 0.25);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+/* Public colors from Default */
+@define-color theme_bg_color @window_bg_color;
+@define-color theme_fg_color @window_fg_color;
+@define-color theme_base_color @view_bg_color;
+@define-color theme_text_color @view_fg_color;
+@define-color theme_selected_bg_color @accent_bg_color;
+@define-color theme_selected_fg_color @accent_fg_color;
+@define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4);
+@define-color insensitive_fg_color alpha(@window_fg_color,0.5);
+@define-color insensitive_base_color @view_bg_color;
+@define-color borders alpha(currentColor,0.12);
+@define-color theme_unfocused_bg_color @window_bg_color;
+@define-color theme_unfocused_fg_color @window_fg_color;
+@define-color theme_unfocused_base_color @view_bg_color;
+@define-color theme_unfocused_text_color @view_fg_color;
+@define-color theme_unfocused_selected_bg_color @accent_bg_color;
+@define-color theme_unfocused_selected_fg_color @accent_fg_color;
+@define-color unfocused_insensitive_color @insensitive_bg_color;
+@define-color unfocused_borders alpha(currentColor,0.12);
diff --git a/gtk/.themes/Vague/gtk-4.0/gtk.css b/gtk/.themes/Vague/gtk-4.0/gtk.css
new file mode 100644
index 0000000..2d7f99c
--- /dev/null
+++ b/gtk/.themes/Vague/gtk-4.0/gtk.css
@@ -0,0 +1,9702 @@
+@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;
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, @accent_color 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, @accent_color 100%, transparent 100%);
+  }
+}
+
+.background {
+  color: @window_fg_color;
+  background-color: @window_bg_color;
+}
+
+dnd {
+  color: @window_fg_color;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+.osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, toast, .app-notification, dialog-host > dialog.osd sheet,
+.osd {
+  color: rgba(255, 255, 255, 0.9);
+  border: none;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-clip: padding-box;
+}
+
+/* Text selection */
+selection {
+  background-color: alpha(@view_fg_color,0.1);
+  color: transparent;
+}
+
+selection:focus-within {
+  background-color: alpha(@accent_bg_color,0.3);
+}
+
+:not(window):drop(active):focus,
+:not(window):drop(active) {
+  border-color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+  caret-color: @accent_bg_color;
+}
+
+.navigation-sidebar :not(window):drop(active):focus,
+.navigation-sidebar :not(window):drop(active),
+placessidebar :not(window):drop(active):focus,
+placessidebar :not(window):drop(active),
+stackswitcher :not(window):drop(active):focus,
+stackswitcher :not(window):drop(active),
+expander-widget :not(window):drop(active):focus,
+expander-widget :not(window):drop(active) {
+  box-shadow: none;
+}
+
+/* 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);
+}
+
+/* Drop shadow 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);
+}
+
+@keyframes needs_attention {
+  from {
+    background-image: radial-gradient(farthest-side, @accent_color 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(farthest-side, @accent_color 95%, transparent);
+  }
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs_attention 150ms ease-in;
+  background-image: radial-gradient(farthest-side, @accent_color 96%, transparent);
+  background-size: 6px 6px;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: white;
+}
+
+avatar.image {
+  background: none;
+}
+
+bottom-sheet > dimming {
+  background-color: alpha(@shade_color,2);
+}
+
+bottom-sheet > sheet {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px @shade_color;
+}
+
+bottom-sheet > sheet > drag-handle {
+  background-color: alpha(currentColor,0.25);
+  min-width: 60px;
+  min-height: 4px;
+  margin: 6px;
+  border-radius: 9999px;
+}
+
+bottom-sheet > sheet > outline {
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-left {
+  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-right {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+bottom-sheet > sheet > outline.flush-left.flush-right {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay,
+button {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: alpha(currentColor,0.05);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: currentColor;
+}
+
+notebook > header > tabs > arrow:focus, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus,
+button:focus {
+  outline: 2px solid alpha(@accent_color,0.35);
+  outline-offset: 0;
+}
+
+notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover,
+button:hover {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+  outline: 0 solid transparent;
+  -gtk-icon-filter: brightness(1.2);
+}
+
+notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating,
+button.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active,
+button:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+  outline: 0 solid transparent;
+}
+
+notebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled,
+button:disabled {
+  background-color: alpha(currentColor,0.05);
+  color: currentColor;
+  outline-color: transparent;
+}
+
+notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked,
+button:checked {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover,
+button:checked:hover {
+  outline-color: transparent;
+  background-color: mix(@accent_fg_color,@accent_bg_color,0.95);
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active,
+button:checked:active {
+  animation: none;
+  outline-color: transparent;
+  background-color: mix(@accent_fg_color,@accent_bg_color,0.88);
+  background-image: none;
+  color: @accent_fg_color;
+}
+
+notebook > header > tabs > arrow:checked:disabled, row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:disabled,
+button:checked:disabled {
+  outline-color: transparent;
+  background-color: @accent_color;
+  color: @accent_fg_color;
+}
+
+#NautilusPathButton, panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button, searchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, .pathbar button, window.dialog.message .dialog-action-area > button, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button,
+filechooser #pathbarbox > stack > box > box > button,
+filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, menubutton.flat > button,
+button.flat {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  background-color: transparent;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: alpha(currentColor,0.75);
+}
+
+#NautilusPathButton:focus:not(:hover):not(:active), panelstatusbar > menubutton > button:focus:not(:hover):not(:active),
+panelstatusbar > paneltogglebutton button:focus:not(:hover):not(:active), searchbar > revealer > box .close:focus:not(:hover):not(:active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), actionbar > revealer > box button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:not(:hover):not(:active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:focus:not(:hover):not(:active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:not(:hover):not(:active), .pathbar button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), popover.menu box.circular-buttons button.circular.image-button.model:focus:not(:hover):not(:active), popover.menu box.inline-buttons button.image-button.model:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active),
+filechooser #pathbarbox > stack > box > box > button:focus:not(:hover):not(:active),
+filechooser #pathbarbox > stack > box > menubutton > button:focus:not(:hover):not(:active), button.sidebar-button:focus:not(:hover):not(:active), button.emoji-section.image-button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:not(:hover):not(:active),
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active),
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active),
+button.flat:focus:not(:hover):not(:active) {
+  color: currentColor;
+  outline: 2px solid alpha(currentColor,0.05);
+  outline-offset: -2px;
+}
+
+#NautilusPathButton:hover, panelstatusbar > menubutton > button:hover,
+panelstatusbar > paneltogglebutton button:hover, searchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, .pathbar button:hover, window.dialog.message .dialog-action-area > button:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover,
+filechooser #pathbarbox > stack > box > box > button:hover,
+filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover,
+button.flat:hover {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+.keyboard-activating#NautilusPathButton, panelstatusbar > menubutton > button.keyboard-activating,
+panelstatusbar > paneltogglebutton button.keyboard-activating, searchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, .pathbar button.keyboard-activating, window.dialog.message .dialog-action-area > button.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating,
+filechooser #pathbarbox > stack > box > box > button.keyboard-activating,
+filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating,
+splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating,
+button.keyboard-activating.flat,
+window.shortcuts headerbar.keyboard-activating.titlebar,
+adaptive-preview headerbar.keyboard-activating.adaptive-mode-flat,
+window.appchooser headerbar.keyboard-activating.titlebar,
+window.colorchooser headerbar.keyboard-activating.titlebar,
+window.aboutdialog headerbar.keyboard-activating.titlebar,
+window.pagesetup headerbar.keyboard-activating.titlebar,
+window.print headerbar.keyboard-activating.titlebar, #NautilusPathButton:active, panelstatusbar > menubutton > button:active,
+panelstatusbar > paneltogglebutton button:active, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, .pathbar button:active, window.dialog.message .dialog-action-area > button:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active,
+filechooser #pathbarbox > stack > box > box > button:active,
+filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, menubutton.flat > button:active,
+button.flat:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+#NautilusPathButton:disabled, panelstatusbar > menubutton > button:disabled,
+panelstatusbar > paneltogglebutton button:disabled, searchbar > revealer > box .close:disabled, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, actionbar > revealer > box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled, .pathbar button:disabled, window.dialog.message .dialog-action-area > button:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, filechooser #pathbarbox > stack > box > button:disabled,
+filechooser #pathbarbox > stack > box > box > button:disabled,
+filechooser #pathbarbox > stack > box > menubutton > button:disabled, button.sidebar-button:disabled, button.emoji-section.image-button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled, calendar > header > button:disabled, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled,
+button.flat:disabled {
+  color: alpha(currentColor,0.75);
+  background-color: transparent;
+}
+
+#NautilusPathButton:checked, panelstatusbar > menubutton > button:checked,
+panelstatusbar > paneltogglebutton button:checked, searchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, .pathbar button:checked, window.dialog.message .dialog-action-area > button:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked,
+filechooser #pathbarbox > stack > box > box > button:checked,
+filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked,
+splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked,
+button.flat:checked {
+  background-color: alpha(currentColor,0.1);
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:hover, panelstatusbar > menubutton > button:checked:hover,
+panelstatusbar > paneltogglebutton button:checked:hover, searchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, .pathbar button:checked:hover, window.dialog.message .dialog-action-area > button:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover,
+filechooser #pathbarbox > stack > box > box > button:checked:hover,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover,
+splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover,
+button.flat:checked:hover {
+  background-color: alpha(currentColor,0.15);
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:active, panelstatusbar > menubutton > button:checked:active,
+panelstatusbar > paneltogglebutton button:checked:active, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, .pathbar button:checked:active, window.dialog.message .dialog-action-area > button:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active,
+filechooser #pathbarbox > stack > box > box > button:checked:active,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active,
+splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active,
+button.flat:checked:active {
+  animation: none;
+  outline-color: transparent;
+  background-color: alpha(currentColor,0.2);
+  background-image: none;
+  color: currentColor;
+}
+
+#NautilusPathButton:checked:disabled, panelstatusbar > menubutton > button:checked:disabled,
+panelstatusbar > paneltogglebutton button:checked:disabled, searchbar > revealer > box .close:checked:disabled, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, actionbar > revealer > box button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar button.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:disabled, .pathbar button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled,
+filechooser #pathbarbox > stack > box > box > button:checked:disabled,
+filechooser #pathbarbox > stack > box > menubutton > button:checked:disabled, button.sidebar-button:checked:disabled, button.emoji-section.image-button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:disabled, calendar > header > button:checked:disabled, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:disabled,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:disabled, splitbutton.flat > button:checked:disabled,
+splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: alpha(currentColor,0.1);
+  color: currentColor;
+}
+
+actionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.05);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.12);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.2);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.1);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.15);
+}
+
+actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):not(.close):not(.minimize):not(.maximize), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  background-color: alpha(currentColor,0.2);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button,
+button.suggested-action,
+button.destructive-action,
+button.opaque {
+  box-shadow: none;
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button,
+button.suggested-action,
+button.destructive-action,
+button.opaque {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.destructive-action > button:focus:focus-visible, splitbutton.destructive-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.destructive-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible,
+button.suggested-action:focus:focus-visible,
+button.destructive-action:focus:focus-visible,
+button.opaque:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+.osd actionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .osd menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd actionbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd searchbar > revealer > box menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd .toolbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd headerbar menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar .osd menubutton.destructive-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.osd headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar .osd menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible,
+.osd button.suggested-action:focus:focus-visible,
+.osd button.destructive-action:focus:focus-visible,
+.osd button.opaque:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover,
+button.suggested-action:hover,
+button.destructive-action:hover,
+button.opaque:hover {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating,
+button.keyboard-activating.suggested-action,
+button.keyboard-activating.destructive-action,
+button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active,
+button.suggested-action:active,
+button.destructive-action:active,
+button.opaque:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked,
+button.suggested-action:checked,
+button.destructive-action:checked,
+button.opaque:checked {
+  background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover,
+button.suggested-action:checked:hover,
+button.destructive-action:checked:hover,
+button.opaque:checked:hover {
+  background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating,
+button.suggested-action:checked.keyboard-activating,
+button.destructive-action:checked.keyboard-activating,
+button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active,
+button.suggested-action:checked:active,
+button.destructive-action:checked:active,
+button.opaque:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.floating-bar button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 5px 9px;
+  border-radius: 6px;
+  font-weight: bold;
+}
+
+.osd button:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+
+button:disabled {
+  filter: opacity(0.45);
+}
+
+
+button:disabled label {
+  filter: none;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+
+button.image-button.close-button {
+  padding: 0;
+  border-radius: 9999px;
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.text-button.image-button,
+button.image-text-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box,
+button.image-text-button > box,
+button.image-text-button > box > box {
+  border-spacing: 4px;
+}
+
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label,
+button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+
+button.arrow-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+
+button.arrow-button > box {
+  border-spacing: 4px;
+}
+
+
+button.arrow-button.text-button > box {
+  border-spacing: 4px;
+}
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo,
+button.flat:drop(active), menubutton.osd > button:drop(active),
+button.osd:drop(active),
+button:drop(active) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+menubutton.osd > button,
+button.osd {
+  min-width: 34px;
+  min-height: 34px;
+  color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(0, 0, 0, 0.65);
+}
+
+menubutton.osd > button,
+button.osd {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+menubutton.osd > button:focus:focus-visible,
+button.osd:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+menubutton.osd > button:hover,
+button.osd:hover {
+  color: white;
+  background-color: alpha(mix(black,currentColor,0.15),0.65);
+}
+
+menubutton.osd > button.keyboard-activating, menubutton.osd > button:active,
+button.osd.keyboard-activating,
+button.osd:active {
+  color: white;
+  background-color: alpha(mix(black,currentColor,0.25),0.65);
+}
+
+menubutton.osd > button:checked,
+button.osd:checked {
+  background-color: alpha(mix(black,currentColor,0.2),0.65);
+}
+
+menubutton.osd > button:checked:hover,
+button.osd:checked:hover {
+  background-color: alpha(mix(black,currentColor,0.25),0.65);
+}
+
+menubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active,
+button.osd:checked.keyboard-activating,
+button.osd:checked:active {
+  background-color: alpha(mix(black,currentColor,0.35),0.65);
+}
+
+menubutton.osd > button:focus:focus-visible, .osd button.osd:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+
+button.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+
+button.destructive-action {
+  color: @destructive_fg_color;
+}
+
+
+button.destructive-action,
+button.destructive-action:checked {
+  background-color: @destructive_bg_color;
+}
+
+
+button.suggested-action {
+  color: @accent_fg_color;
+}
+
+
+button.suggested-action,
+button.suggested-action:checked {
+  background-color: @accent_bg_color;
+}
+
+.osd button.flat:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+stackswitcher > button > label {
+  padding: 0 6px;
+  margin: -6px;
+}
+
+stackswitcher > button > image {
+  padding: 3px 6px;
+  margin: -9px;
+}
+
+stackswitcher > button.text-button {
+  min-width: 100px;
+}
+
+
+button.font separator {
+  background-color: transparent;
+}
+
+
+button.font > box {
+  border-spacing: 6px;
+}
+
+
+button.font > box > box > label {
+  font-weight: bold;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button,
+button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label,
+button.circular label {
+  padding: 0;
+}
+
+menubutton.pill > button,
+button.pill {
+  padding: 9px 30px;
+  border-radius: 9999px;
+}
+
+
+button.card {
+  background-color: @card_bg_color;
+  background-clip: padding-box;
+  font-weight: inherit;
+  padding: 0;
+}
+
+
+button.card {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+
+button.card:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+
+button.card:hover {
+  background-image: image(alpha(currentColor,0.04));
+}
+
+
+button.card.keyboard-activating,
+button.card:active {
+  background-image: image(alpha(currentColor,0.08));
+}
+
+
+button.card:checked {
+  background-color: @card_bg_color;
+  background-image: image(alpha(@accent_color,0.25));
+}
+
+
+button.card:checked:hover {
+  background-image: image(alpha(@accent_color,0.32));
+}
+
+
+button.card:checked.keyboard-activating,
+button.card:checked:active {
+  background-image: image(alpha(@accent_color,0.39));
+}
+
+
+button.card:checked.has-open-popup {
+  background-image: image(alpha(@accent_color,0.32));
+}
+
+.osd button.card:checked {
+  background-color: alpha(currentColor,0.1);
+}
+
+
+button.card:drop(active) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+button.link, button.link:hover, button.link:active, button.link:checked, columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  background-color: transparent;
+}
+
+button.color {
+  padding: 6px;
+}
+
+button.color > colorswatch:only-child {
+  border-radius: 2.5px;
+}
+
+button.color > colorswatch:only-child > overlay {
+  border-radius: 2px;
+}
+
+button.color > colorswatch:only-child:disabled {
+  filter: none;
+}
+
+button.color > colorswatch:only-child.light > overlay {
+  border-color: alpha(@view_fg_color,0.1);
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+menubutton.destructive-action {
+  background-color: @destructive_bg_color;
+  color: @destructive_fg_color;
+}
+
+menubutton.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+  border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+menubutton.card > button {
+  border-radius: 12px;
+}
+
+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");
+}
+
+splitbutton {
+  border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  transition-property: background;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton > menubutton > button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+  min-width: 24px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton:disabled {
+  filter: opacity(0.45);
+}
+
+splitbutton:disabled > button, splitbutton:disabled > menubutton > button {
+  filter: none;
+}
+
+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;
+}
+
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator {
+  background: alpha(currentColor,0.12);
+}
+
+actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+  background: alpha(currentColor,0.07);
+}
+
+actionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+  background: none;
+}
+
+actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled {
+  filter: opacity(0.3);
+}
+
+actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled {
+  filter: none;
+}
+
+actionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button,
+actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+.toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button,
+headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+splitbutton.destructive-action {
+  background-color: @destructive_bg_color;
+  color: @destructive_fg_color;
+}
+
+splitbutton.opaque {
+  background-color: mix(@window_bg_color,@window_fg_color,0.15);
+  color: @window_fg_color;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+  color: inherit;
+  background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 alpha(currentColor,0.3);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 alpha(currentColor,0.3);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent > box {
+  border-spacing: 6px;
+}
+
+buttoncontent > box > label {
+  font-weight: bold;
+}
+
+buttoncontent > box > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > box > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > 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);
+}
+
+calendar {
+  color: @view_fg_color;
+  background-clip: padding-box;
+  border: 1px solid alpha(currentColor,0.12);
+  font-feature-settings: "tnum";
+}
+
+calendar > header {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+calendar > header > button {
+  border-radius: 0;
+}
+
+calendar > grid {
+  padding-left: 3px;
+  padding-bottom: 3px;
+}
+
+calendar > grid > label.today {
+  box-shadow: inset 0px -2px alpha(currentColor,0.12);
+}
+
+calendar > grid > label.today:selected {
+  box-shadow: none;
+}
+
+calendar > grid > label {
+  margin-top: 3px;
+  margin-right: 3px;
+}
+
+calendar > grid > label {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+calendar > grid > label:focus {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+calendar > grid > label.day-number {
+  padding: 3px;
+}
+
+calendar > grid > label.day-number:checked {
+  border-radius: 6px;
+  background-color: alpha(@accent_bg_color,0.3);
+}
+
+calendar > grid > label.day-number:selected {
+  border-radius: 6px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor,0.3);
+}
+
+checkbutton {
+  border-spacing: 4px;
+  border-radius: 9px;
+  padding: 3px;
+}
+
+checkbutton {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+checkbutton:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd checkbutton:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+checkbutton.text-button {
+  padding: 4px;
+}
+
+check,
+radio {
+  min-height: 20px;
+  min-width: 20px;
+  -gtk-icon-size: 20px;
+  padding: 0;
+  box-shadow: 0 0 0 0 transparent;
+  background-color: alpha(currentColor,0.12);
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:not(:checked):not(:indeterminate):hover,
+radio:not(:checked):not(:indeterminate):hover {
+  box-shadow: 0 0 0 6px alpha(currentColor,0.05);
+  background-color: alpha(currentColor,0.15);
+}
+
+check:not(:checked):not(:indeterminate):active,
+radio:not(:checked):not(:indeterminate):active {
+  box-shadow: 0 0 0 6px alpha(currentColor,0.12);
+  background-color: alpha(currentColor,0.2);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  box-shadow: none;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+  background-image: image(alpha(currentColor,0.1));
+  box-shadow: 0 0 0 6px alpha(@accent_bg_color,0.05);
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-image: image(alpha(currentColor,0.2));
+  box-shadow: 0 0 0 6px alpha(@accent_bg_color,0.12);
+}
+
+check:disabled,
+radio:disabled {
+  filter: opacity(0.45);
+}
+
+.osd check:checked, .osd check:indeterminate, .osd radio:checked, .osd radio:indeterminate {
+  background-color: rgba(255, 255, 255, 0.75);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+check {
+  border-radius: 100%;
+}
+
+check:checked {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+}
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg")));
+}
+
+radio {
+  border-radius: 100%;
+}
+
+radio:checked {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg")));
+}
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg")));
+}
+
+checkbutton.selection-mode {
+  border-radius: 9999px;
+}
+
+checkbutton.selection-mode check, checkbutton.selection-mode radio {
+  padding: 3px;
+  border-radius: 9999px;
+}
+
+checkbutton.selection-mode label:dir(ltr) {
+  margin-right: 6px;
+}
+
+checkbutton.selection-mode label:dir(rtl) {
+  margin-left: 6px;
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+colorswatch {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+colorswatch:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 4px;
+  outline-offset: -2px;
+}
+
+colorswatch.top {
+  border-top-left-radius: 6.5px;
+  border-top-right-radius: 6.5px;
+}
+
+colorswatch.top > overlay {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 6.5px;
+  border-bottom-right-radius: 6.5px;
+}
+
+colorswatch.bottom > overlay {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 6.5px;
+  border-bottom-left-radius: 6.5px;
+}
+
+colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 6.5px;
+  border-bottom-right-radius: 6.5px;
+}
+
+colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark > overlay {
+  color: white;
+}
+
+colorswatch.light > overlay {
+  color: rgba(0, 0, 0, 0.75);
+  box-shadow: inset 0 0 0 1px alpha(@view_fg_color,0.1);
+}
+
+colorswatch:drop(active).light > overlay {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+colorswatch:drop(active).dark > overlay {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+colorswatch#add-color-button > overlay {
+  border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child > overlay {
+  border-radius: 6px;
+}
+
+colorswatch:disabled {
+  filter: opacity(0.45);
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 6px;
+}
+
+colorswatch#editor-color-sample > overlay {
+  border-radius: 6.5px;
+}
+
+plane {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+plane:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 2px;
+}
+
+colorchooser .popover.osd {
+  border-radius: 12px;
+}
+
+columnview, treeview.view, window.print treeview.dialog-action-box {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+columnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print treeview.dialog-action-box:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+columnview:drop(active), treeview.view:drop(active), window.print treeview.dialog-action-box:drop(active) {
+  box-shadow: none;
+}
+
+columnview > header > button, treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  padding: 3px 9px;
+  border-radius: 0;
+  box-shadow: none;
+  line-height: 100%;
+  border-left: 1px solid alpha(currentColor,0.12);
+  border-bottom: 1px solid alpha(currentColor,0.12);
+  border-top: none;
+  border-right: none;
+  background-clip: padding-box;
+}
+
+columnview > header > button:first-child, treeview.view > header > button:first-child, window.print treeview.dialog-action-box > header > button:first-child {
+  border-left: none;
+}
+
+columnview > header > button > box, treeview.view > header > button > box, window.print treeview.dialog-action-box > header > button > box {
+  color: alpha(currentColor,0.4);
+  font-weight: 700;
+  font-size: 9pt;
+  border-spacing: 6px;
+}
+
+columnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print treeview.dialog-action-box > header > button:hover > box {
+  color: alpha(currentColor,0.7);
+  box-shadow: none;
+}
+
+columnview > header > button:active > box, treeview.view > header > button:active > box, window.print treeview.dialog-action-box > header > button:active > box {
+  color: currentColor;
+}
+
+columnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print treeview.dialog-action-box > header > button sort-indicator {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+columnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print treeview.dialog-action-box > header > button sort-indicator.ascending {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+columnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print treeview.dialog-action-box > header > button sort-indicator.descending {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print treeview.dialog-action-box button.dnd,
+columnview header.button.dnd:active,
+columnview header.button.dnd:selected,
+columnview header.button.dnd:hover,
+columnview header.button.dnd,
+treeview.view header.button.dnd,
+window.print treeview.dialog-action-box header.button.dnd {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+  transition: none;
+}
+
+columnview.view > listview.view, treeview.view > listview.view, window.print columnview.dialog-action-box > listview.view, window.print treeview.dialog-action-box > listview.view, window.print columnview.view > listview.dialog-action-box, window.print treeview.view > listview.dialog-action-box, window.print columnview.dialog-action-box > listview.dialog-action-box, window.print treeview.dialog-action-box > listview.dialog-action-box {
+  background: none;
+  color: inherit;
+}
+
+columnview > listview > row, treeview.view > listview > row, window.print treeview.dialog-action-box > listview > row {
+  padding: 0;
+}
+
+columnview > listview > row > cell, treeview.view > listview > row > cell, window.print treeview.dialog-action-box > listview > row > cell {
+  padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print treeview.dialog-action-box > listview > row > cell:not(:first-child) {
+  border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print treeview.column-separators.dialog-action-box > listview > row > cell,
+columnview.column-separators > header > button,
+treeview.column-separators.view > header > button,
+window.print treeview.column-separators.dialog-action-box > header > button {
+  border-left-color: alpha(currentColor,0.12);
+}
+
+columnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) {
+  border-top: 1px solid alpha(currentColor,0.12);
+  border-bottom: none;
+}
+
+columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print treeview.data-table.dialog-action-box > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+columnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid alpha(@accent_color,0.45);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid @accent_color;
+}
+
+treeexpander {
+  border-spacing: 4px;
+}
+
+.dialog-action-area {
+  margin: 6px;
+  border-spacing: 6px;
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.print drawing {
+  color: @window_fg_color;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.print drawing paper {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.8);
+  background-clip: padding-box;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+/********************
+ * Page setup dalog *
+ ********************/
+/******************
+ * GtkAboutDialog *
+ ******************/
+window.aboutdialog image.large-icons {
+  -gtk-icon-size: 128px;
+}
+
+/*************************
+ * GtkColorChooserDialog *
+ *************************/
+/*************
+ * AdwDialog *
+ *************/
+floating-sheet > dimming {
+  background-color: alpha(@shade_color,2);
+}
+
+floating-sheet > sheet {
+  border-radius: 12px;
+  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.07), 0 3px 20px 10px rgba(0, 0, 0, 0.05), 0 6px 32px 16px rgba(0, 0, 0, 0.02), 0 0 0 1px @shade_color;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  outline-offset: -1px;
+}
+
+dialog.bottom-sheet.landscape sheet {
+  margin-left: 30px;
+  margin-right: 30px;
+}
+
+dialog.bottom-sheet.landscape sheet > outline.flush-left, dialog.bottom-sheet.landscape sheet > outline.flush-right, dialog.bottom-sheet.landscape sheet > outline.flush-left.flush-right {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08), inset -1px 0 rgba(255, 255, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+dialog-host > dialog.background {
+  background: none;
+}
+
+dialog-host > dialog.background sheet {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+}
+
+dialog-host > dialog.view, window.print dialog-host > dialog.dialog-action-box {
+  background: none;
+}
+
+dialog-host > dialog.osd {
+  background: none;
+}
+
+/***********************
+ * GtkAppChooserDialog *
+ ***********************/
+window.appchooser headerbar.titlebar > windowhandle {
+  padding-top: 3px;
+}
+
+window.appchooser headerbar.titlebar box.start + box {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+window.appchooser searchbar {
+  background: none;
+}
+
+window.appchooser .dialog-vbox > box > box:not(.dialog-action-area) {
+  margin: 6px;
+}
+
+window.appchooser .dialog-action-area {
+  margin-top: 0;
+}
+
+/****************
+ * GtkAssistant *
+ ****************/
+window.assistant .sidebar {
+  padding: 6px;
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+window.assistant .sidebar:not(separator):dir(ltr) {
+  border-right: none;
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+}
+
+window.assistant .sidebar:not(separator):dir(rtl) {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+}
+
+window.assistant .sidebar:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+window.assistant .sidebar > label {
+  padding: 6px 12px;
+  border-radius: 6px;
+}
+
+window.assistant .sidebar > label.highlight {
+  background-color: alpha(currentColor,0.1);
+}
+
+/***************
+ * GtkComboBox *
+ ***************/
+combobox button {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  min-height: 30px;
+}
+
+/***************
+ * GtkIconView *
+ ***************/
+iconview {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+iconview:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+iconview:drop(active) {
+  box-shadow: none;
+}
+
+iconview > dndtarget:drop(active) {
+  border-style: solid;
+  border-width: 1px;
+  border-color: @accent_bg_color;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+  padding: 6px;
+  padding-bottom: 7px;
+  border-spacing: 6px;
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+}
+
+infobar > revealer > box > box {
+  border-spacing: 6px;
+}
+
+infobar.action:hover > revealer > box {
+  background-image: image(alpha(currentColor,0.05));
+}
+
+infobar.action:active > revealer > box {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+infobar.info > revealer > box {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.question > revealer > box {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.warning > revealer > box {
+  background-color: mix(@warning_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar.error > revealer > box {
+  background-color: mix(@error_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+}
+
+infobar .close {
+  min-width: 18px;
+  min-height: 18px;
+  padding: 4px;
+  border-radius: 50%;
+}
+
+/****************
+ * GtkStatusBar *
+ ****************/
+statusbar {
+  padding: 6px 10px;
+}
+
+/***************
+ * GtkTreeView *
+ ***************/
+treeview.view, window.print treeview.dialog-action-box {
+  border-left-color: mix(currentColor,@view_bg_color,0.8);
+  border-top-color: mix(currentColor,@view_bg_color,0.8);
+}
+
+treeview.view:selected:focus, treeview.view:selected, window.print treeview.dialog-action-box:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator, window.print treeview.separator.dialog-action-box {
+  min-height: 2px;
+  color: alpha(currentColor,0.12);
+}
+
+treeview.view.expander, window.print treeview.expander.dialog-action-box {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  color: alpha(currentColor,0.7);
+}
+
+treeview.view.expander:dir(rtl), window.print treeview.expander.dialog-action-box:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+treeview.view.expander:hover, window.print treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print treeview.expander.dialog-action-box:active {
+  color: currentColor;
+}
+
+treeview.view.expander:checked, window.print treeview.expander.dialog-action-box:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+treeview.view.expander:disabled, window.print treeview.expander.dialog-action-box:disabled {
+  color: alpha(currentColor,0.45);
+}
+
+treeview.view > dndtarget:drop(active), window.print treeview.dialog-action-box > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: @accent_bg_color;
+}
+
+treeview.view > dndtarget:drop(active).after, window.print treeview.dialog-action-box > dndtarget:drop(active).after {
+  border-top-style: none;
+}
+
+treeview.view > dndtarget:drop(active).before, window.print treeview.dialog-action-box > dndtarget:drop(active).before {
+  border-bottom-style: none;
+}
+
+treeview.view > header > button, window.print treeview.dialog-action-box > header > button {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box {
+  box-shadow: none;
+}
+
+treeview.view.progressbar, window.print treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  border-radius: 9999px;
+}
+
+treeview.view.trough, window.print treeview.trough.dialog-action-box {
+  background-color: alpha(currentColor,0.1);
+}
+
+treeview.view.trough, window.print treeview.trough.dialog-action-box, treeview.view.trough:selected {
+  border-radius: 9999px;
+}
+
+treeview.view ~ undershoot.top, window.print treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+  background: none;
+}
+
+treeview.view acceleditor > label, window.print treeview.dialog-action-box acceleditor > label {
+  background-color: mix(currentColor,@view_bg_color,0.9);
+}
+
+treeview.navigation-sidebar {
+  padding: 0;
+}
+
+treeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
+  background-color: @view_bg_color;
+  transition-property: color, background;
+}
+
+treeview entry.flat, treeview entry {
+  border-radius: 0;
+  background-image: none;
+  background-color: @view_bg_color;
+}
+
+treeview entry.flat:focus-within, treeview entry:focus-within {
+  border-color: @accent_color;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) > text {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+  border-right: 1px solid alpha(currentColor,0.12);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+  border-left: 1px solid alpha(currentColor,0.12);
+  border-right-style: none;
+}
+
+.sidebar listview.view, .sidebar window.print listview.dialog-action-box, window.print .sidebar listview.dialog-action-box,
+.sidebar list {
+  background-color: transparent;
+  color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar, .sidebar-pane .sidebar.left, .sidebar-pane .sidebar.right, .sidebar-pane .sidebar.left:dir(rtl), .sidebar-pane .sidebar:dir(rtl), .sidebar-pane .sidebar:dir(ltr), .sidebar-pane .sidebar {
+  border-style: none;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+dropdown > button > box, combobox > button > box {
+  border-spacing: 6px;
+}
+
+dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active {
+  background: none;
+}
+
+dropdown arrow, combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown:drop(active), combobox:drop(active) {
+  box-shadow: none;
+}
+
+dropdown popover.menu, combobox popover.menu {
+  padding-top: 6px;
+}
+
+dropdown popover.menu listview > row, combobox popover.menu listview > row {
+  min-width: 0;
+}
+
+dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar {
+  padding: 6px;
+}
+
+dropdown popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+}
+
+.emoji-toolbar {
+  padding: 3px;
+}
+
+button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-width: 32px;
+  min-height: 32px;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+  background: alpha(currentColor,0.07);
+}
+
+popover.emoji-picker emoji:active {
+  background: alpha(currentColor,0.16);
+}
+
+popover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print scrolledwindow.dialog-action-box, window.print popover.emoji-picker scrolledwindow.dialog-action-box {
+  background: none;
+  color: inherit;
+}
+
+popover.emoji-picker scrolledwindow.view > undershoot.top, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.top, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-picker scrolledwindow.view > undershoot.bottom, popover.emoji-picker window.print scrolledwindow.dialog-action-box > undershoot.bottom, window.print popover.emoji-picker scrolledwindow.dialog-action-box > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover.emoji-completion > contents {
+  padding: 6px;
+  padding-bottom: 4px;
+}
+
+emoji-completion-row {
+  padding: 6px;
+  margin-bottom: 2px;
+  border-radius: 6px;
+}
+
+emoji-completion-row:dir(ltr) {
+  padding-right: 12px;
+}
+
+emoji-completion-row:dir(rtl) {
+  padding-left: 12px;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover {
+  background-color: alpha(currentColor,0.1);
+  color: @popover_fg_color;
+}
+
+emoji-completion-row:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+spinbutton,
+entry {
+  min-height: 34px;
+  padding-left: 9px;
+  padding-right: 9px;
+  border-radius: 6px;
+  border-spacing: 6px;
+  background-color: alpha(currentColor,0.05);
+  background-clip: padding-box;
+  caret-color: currentColor;
+}
+
+spinbutton,
+entry {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton:focus-within,
+entry:focus-within {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd spinbutton:focus-within, .osd entry:focus-within {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton > text > block-cursor,
+entry > text > block-cursor {
+  color: @view_bg_color;
+  background-color: @view_fg_color;
+}
+
+spinbutton.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  background-color: transparent;
+  box-shadow: none;
+  border-radius: 0;
+}
+
+spinbutton:disabled,
+entry:disabled {
+  filter: opacity(0.45);
+}
+
+spinbutton.error,
+entry.error {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.error:focus-within,
+entry.error:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.error > text > selection:focus-within,
+entry.error > text > selection:focus-within {
+  background-color: alpha(@error_color,0.2);
+}
+
+spinbutton.error > text > cursor-handle > contents,
+entry.error > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.error > progress > trough > progress,
+entry.error > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton.warning,
+entry.warning {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.warning:focus-within,
+entry.warning:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.warning > text > selection:focus-within,
+entry.warning > text > selection:focus-within {
+  background-color: alpha(@warning_color,0.2);
+}
+
+spinbutton.warning > text > cursor-handle > contents,
+entry.warning > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.warning > progress > trough > progress,
+entry.warning > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton.success,
+entry.success {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+spinbutton.success:focus-within,
+entry.success:focus-within {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+spinbutton.success > text > selection:focus-within,
+entry.success > text > selection:focus-within {
+  background-color: alpha(@success_color,0.2);
+}
+
+spinbutton.success > text > cursor-handle > contents,
+entry.success > text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+spinbutton.success > progress > trough > progress,
+entry.success > progress > trough > progress {
+  border-color: currentColor;
+}
+
+spinbutton > image,
+entry > image {
+  opacity: .7;
+}
+
+spinbutton > image:hover,
+entry > image:hover {
+  opacity: 1;
+}
+
+spinbutton > image:active,
+entry > image:active {
+  opacity: .8;
+}
+
+spinbutton > image.left,
+entry > image.left {
+  margin-right: 6px;
+}
+
+spinbutton > image.right,
+entry > image.right {
+  margin-left: 6px;
+}
+
+spinbutton.password image.caps-lock-indicator,
+entry.password image.caps-lock-indicator {
+  opacity: 0.3;
+}
+
+spinbutton:drop(active),
+entry:drop(active):focus-within,
+entry:drop(active) {
+  border-color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+spinbutton > progress,
+entry > progress {
+  margin-bottom: 3px;
+}
+
+spinbutton > progress > trough > progress,
+entry > progress > trough > progress {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-width: 0 0 2px;
+  border-color: @accent_bg_color;
+  border-style: solid;
+  box-shadow: none;
+}
+
+.osd spinbutton > progress > trough > progress, .osd entry > progress > trough > progress {
+  border-color: rgba(255, 255, 255, 0.75);
+}
+
+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 {
+  filter: opacity(0.45);
+}
+
+expander:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander-widget > box > title {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+expander-widget:focus:focus-visible > box > title {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+expander-widget > box > title {
+  border-radius: 6px;
+}
+
+expander-widget > box > title > expander {
+  opacity: .7;
+}
+
+expander-widget > box > title:hover > expander, expander-widget > box > title:active > expander {
+  opacity: 1;
+}
+
+placessidebar .navigation-sidebar > row {
+  padding: 0;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 0 14px;
+}
+
+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-top: 3px;
+  margin-bottom: 3px;
+  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(@accent_bg_color);
+  background-clip: content-box;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+  color: @accent_color;
+}
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+  color: @accent_bg_color;
+  box-shadow: inset 0 0 0 1px @accent_bg_color;
+}
+
+row image.sidebar-icon {
+  opacity: 0.7;
+}
+
+row .sidebar-button {
+  opacity: 0.7;
+}
+
+row .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating {
+  opacity: 1;
+}
+
+placesview .server-list-button > image {
+  transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > box {
+  border-spacing: 6px;
+}
+
+filechooser {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+filechooser pathbar button:not(.image-button) {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+filechooser pathbar button > box {
+  border-spacing: 4px;
+}
+
+filechooser pathbar button > box > label {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+filechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print treeview.dialog-action-box > listview > row > cell, window.print filechooser treeview.dialog-action-box > listview > row > cell {
+  padding: 0;
+}
+
+filechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print treeview.dialog-action-box > listview > row > cell > filelistcell, window.print filechooser treeview.dialog-action-box > listview > row > cell > filelistcell {
+  padding: 8px 6px;
+}
+
+filechooser gridview {
+  padding: 15px;
+}
+
+filechooser gridview ~ undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+filechooser gridview > child {
+  border-radius: 12px;
+  padding: 0;
+  margin: 3px;
+}
+
+filechooser gridview > child > filelistcell {
+  padding: 6px 12px;
+}
+
+filechooser gridview > child filethumbnail image {
+  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
+}
+
+filechooser gridview > child box {
+  border-spacing: 6px;
+}
+
+filechooser > box > actionbar {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+filechooser > box > actionbar > revealer > box {
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+filechooser scrolledwindow + actionbar > revealer > box {
+  background-color: mix(@accent_bg_color,@view_bg_color,0.7);
+  color: @window_fg_color;
+  box-shadow: none;
+  padding-top: 6px;
+  font-weight: bold;
+}
+
+filechooser scrolledwindow + actionbar > revealer > box:backdrop {
+  background-color: mix(@accent_bg_color,@view_bg_color,0.85);
+}
+
+filechooser placesview > stack > scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+filechooser placesview > actionbar > revealer > box {
+  background: @view_bg_color;
+  color: @view_fg_color;
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+filechooser placesview > actionbar > revealer > box:backdrop {
+  background: @view_bg_color;
+  transition: none;
+}
+
+filechooser placessidebar {
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+filechooser placessidebar:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+filechooser paned.horizontal > separator:dir(ltr) {
+  box-shadow: inset 1px 0 @sidebar_bg_color, inset 1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(ltr):backdrop {
+  box-shadow: inset 1px 0 @sidebar_backdrop_color, inset 1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(rtl) {
+  box-shadow: inset -1px 0 @sidebar_bg_color, inset -1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:dir(rtl):backdrop {
+  box-shadow: inset -1px 0 @sidebar_backdrop_color, inset -1px 0 alpha(currentColor,0.12);
+}
+
+filechooser paned.horizontal > separator:backdrop {
+  transition: box-shadow 200ms ease-out;
+}
+
+/* Fix header bar height in the file chooser */
+window.filechooser headerbar box.start + box.vertical {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+.fr-sidebar > row {
+  padding: 6px 9px;
+}
+
+.fr-sidebar > row:not(.fr-sidebar-row), .fr-sidebar > row:not(.fr-sidebar-row):hover, .fr-sidebar > row:not(.fr-sidebar-row):active, .fr-sidebar > row:not(.fr-sidebar-row):focus, .fr-sidebar > row:not(.fr-sidebar-row):selected, .fr-sidebar > row:not(.fr-sidebar-row):active:hover, .fr-sidebar > row:not(.fr-sidebar-row):focus:hover, .fr-sidebar > row:not(.fr-sidebar-row):selected:hover {
+  background: none;
+  animation: none;
+  transition: none;
+}
+
+headerbar {
+  min-height: 46px;
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+  margin: 0;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+headerbar > windowhandle > box {
+  padding: 6px;
+}
+
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar > windowhandle > box > box.start:dir(ltr),
+headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr),
+headerbar > windowhandle > box > widget > box.end:dir(rtl) {
+  margin-right: 6px;
+}
+
+headerbar > windowhandle > box > box.start:dir(rtl),
+headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl),
+headerbar > windowhandle > box > widget > box.end:dir(ltr) {
+  margin-left: 6px;
+}
+
+headerbar:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+headerbar:backdrop > windowhandle {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+headerbar.default-decoration {
+  padding: 0;
+  margin: 0;
+  border: none;
+  min-height: 34px;
+  box-shadow: none;
+}
+
+headerbar.default-decoration > windowhandle > box {
+  padding: 3px;
+}
+
+headerbar.default-decoration windowcontrols > button {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0 4px;
+  padding: 0;
+}
+
+headerbar.default-decoration windowcontrols > .icon {
+  margin: 6px;
+}
+
+.maximized headerbar, .fullscreen headerbar, .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .solid-csd headerbar {
+  border-radius: 0;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > .titlebar:not(.flat) {
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > .titlebar headerbar:not(.flat) {
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+window > headerbar.titlebar,
+window > .titlebar headerbar {
+  min-height: 46px;
+}
+
+window > headerbar.titlebar > windowhandle > box,
+window > .titlebar headerbar > windowhandle > box {
+  padding-bottom: 6px;
+}
+
+window > headerbar.titlebar.default-decoration,
+window > .titlebar headerbar.default-decoration {
+  min-height: 34px;
+  box-shadow: none;
+}
+
+window > headerbar.titlebar.default-decoration > windowhandle > box,
+window > .titlebar headerbar.default-decoration > windowhandle > box {
+  padding: 3px;
+}
+
+leaflet:first-child > headerbar + separator {
+  background-color: @headerbar_backdrop_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+leaflet:first-child > headerbar + separator:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+toolbarview > .top-bar headerbar,
+toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print headerbar.titlebar, window.pagesetup headerbar.titlebar, window.aboutdialog headerbar.titlebar, window.colorchooser headerbar.titlebar, window.appchooser headerbar.titlebar {
+  background: none;
+  color: inherit;
+  min-height: 46px;
+  box-shadow: none;
+}
+
+toolbarview > .top-bar headerbar > windowhandle > box,
+toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print headerbar.titlebar > windowhandle > box, window.pagesetup headerbar.titlebar > windowhandle > box, window.aboutdialog headerbar.titlebar > windowhandle > box, window.colorchooser headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box {
+  padding-bottom: 6px;
+}
+
+toolbarview > .top-bar headerbar.default-decoration,
+toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print headerbar.default-decoration.titlebar, window.pagesetup headerbar.default-decoration.titlebar, window.aboutdialog headerbar.default-decoration.titlebar, window.colorchooser headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar {
+  min-height: 34px;
+}
+
+toolbarview > .top-bar headerbar.default-decoration > windowhandle > box,
+toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box {
+  padding: 3px;
+}
+
+toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop > image, headerbar.flat windowcontrols > button.minimize:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop > image, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop > image, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop > image, headerbar.flat windowcontrols > button.maximize:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop > image, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop > image, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop > image,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop > image, headerbar.flat windowcontrols > button.close:backdrop > image, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop > image, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop > image, window.print headerbar.titlebar windowcontrols > button.close:backdrop > image, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop > image, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop > image, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop > image, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop > image {
+  background-color: alpha(@window_fg_color,0.3);
+}
+
+toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop:hover, headerbar.flat windowcontrols > button.minimize:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.minimize:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.minimize:backdrop:active, headerbar.flat windowcontrols > button.minimize:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.minimize:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.minimize:backdrop:active, window.print headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.minimize:backdrop:active, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop:hover, headerbar.flat windowcontrols > button.maximize:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.maximize:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.maximize:backdrop:active, headerbar.flat windowcontrols > button.maximize:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.maximize:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.maximize:backdrop:active, window.print headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.maximize:backdrop:active, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop:hover,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop:hover, headerbar.flat windowcontrols > button.close:backdrop:hover, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop:hover, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop:hover, window.print headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop:hover, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop:hover, toolbarview > .top-bar headerbar windowcontrols > button.close:backdrop:active,
+toolbarview > .bottom-bar headerbar windowcontrols > button.close:backdrop:active, headerbar.flat windowcontrols > button.close:backdrop:active, window.shortcuts headerbar.titlebar windowcontrols > button.close:backdrop:active, adaptive-preview headerbar.adaptive-mode-flat windowcontrols > button.close:backdrop:active, window.print headerbar.titlebar windowcontrols > button.close:backdrop:active, window.pagesetup headerbar.titlebar windowcontrols > button.close:backdrop:active, window.aboutdialog headerbar.titlebar windowcontrols > button.close:backdrop:active, window.colorchooser headerbar.titlebar windowcontrols > button.close:backdrop:active, window.appchooser headerbar.titlebar windowcontrols > button.close:backdrop:active {
+  color: alpha(@window_fg_color,0.45);
+}
+
+.maximized toolbarview > .top-bar headerbar, toolbarview > .top-bar .maximized headerbar,
+.maximized toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .maximized headerbar, .maximized headerbar.flat, .maximized window.shortcuts headerbar.titlebar, window.shortcuts .maximized headerbar.titlebar, .maximized adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .maximized headerbar.adaptive-mode-flat, .maximized window.print headerbar.titlebar, window.print .maximized headerbar.titlebar, .maximized window.pagesetup headerbar.titlebar, window.pagesetup .maximized headerbar.titlebar, .maximized window.aboutdialog headerbar.titlebar, window.aboutdialog .maximized headerbar.titlebar, .maximized window.colorchooser headerbar.titlebar, window.colorchooser .maximized headerbar.titlebar, .maximized window.appchooser headerbar.titlebar, window.appchooser .maximized headerbar.titlebar, .fullscreen toolbarview > .top-bar headerbar, toolbarview > .top-bar .fullscreen headerbar,
+.fullscreen toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .fullscreen headerbar, .fullscreen headerbar.flat, .fullscreen window.shortcuts headerbar.titlebar, window.shortcuts .fullscreen headerbar.titlebar, .fullscreen adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .fullscreen headerbar.adaptive-mode-flat, .fullscreen window.print headerbar.titlebar, window.print .fullscreen headerbar.titlebar, .fullscreen window.pagesetup headerbar.titlebar, window.pagesetup .fullscreen headerbar.titlebar, .fullscreen window.aboutdialog headerbar.titlebar, window.aboutdialog .fullscreen headerbar.titlebar, .fullscreen window.colorchooser headerbar.titlebar, window.colorchooser .fullscreen headerbar.titlebar, .fullscreen window.appchooser headerbar.titlebar, window.appchooser .fullscreen headerbar.titlebar, .tiled toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled headerbar,
+.tiled toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled headerbar, .tiled headerbar.flat, .tiled window.shortcuts headerbar.titlebar, window.shortcuts .tiled headerbar.titlebar, .tiled adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled headerbar.adaptive-mode-flat, .tiled window.print headerbar.titlebar, window.print .tiled headerbar.titlebar, .tiled window.pagesetup headerbar.titlebar, window.pagesetup .tiled headerbar.titlebar, .tiled window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled headerbar.titlebar, .tiled window.colorchooser headerbar.titlebar, window.colorchooser .tiled headerbar.titlebar, .tiled window.appchooser headerbar.titlebar, window.appchooser .tiled headerbar.titlebar, .tiled-top toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-top headerbar,
+.tiled-top toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-top headerbar, .tiled-top headerbar.flat, .tiled-top window.shortcuts headerbar.titlebar, window.shortcuts .tiled-top headerbar.titlebar, .tiled-top adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-top headerbar.adaptive-mode-flat, .tiled-top window.print headerbar.titlebar, window.print .tiled-top headerbar.titlebar, .tiled-top window.pagesetup headerbar.titlebar, window.pagesetup .tiled-top headerbar.titlebar, .tiled-top window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-top headerbar.titlebar, .tiled-top window.colorchooser headerbar.titlebar, window.colorchooser .tiled-top headerbar.titlebar, .tiled-top window.appchooser headerbar.titlebar, window.appchooser .tiled-top headerbar.titlebar, .tiled-right toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-right headerbar,
+.tiled-right toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-right headerbar, .tiled-right headerbar.flat, .tiled-right window.shortcuts headerbar.titlebar, window.shortcuts .tiled-right headerbar.titlebar, .tiled-right adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-right headerbar.adaptive-mode-flat, .tiled-right window.print headerbar.titlebar, window.print .tiled-right headerbar.titlebar, .tiled-right window.pagesetup headerbar.titlebar, window.pagesetup .tiled-right headerbar.titlebar, .tiled-right window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-right headerbar.titlebar, .tiled-right window.colorchooser headerbar.titlebar, window.colorchooser .tiled-right headerbar.titlebar, .tiled-right window.appchooser headerbar.titlebar, window.appchooser .tiled-right headerbar.titlebar, .tiled-bottom toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-bottom headerbar,
+.tiled-bottom toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-bottom headerbar, .tiled-bottom headerbar.flat, .tiled-bottom window.shortcuts headerbar.titlebar, window.shortcuts .tiled-bottom headerbar.titlebar, .tiled-bottom adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-bottom headerbar.adaptive-mode-flat, .tiled-bottom window.print headerbar.titlebar, window.print .tiled-bottom headerbar.titlebar, .tiled-bottom window.pagesetup headerbar.titlebar, window.pagesetup .tiled-bottom headerbar.titlebar, .tiled-bottom window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-bottom headerbar.titlebar, .tiled-bottom window.colorchooser headerbar.titlebar, window.colorchooser .tiled-bottom headerbar.titlebar, .tiled-bottom window.appchooser headerbar.titlebar, window.appchooser .tiled-bottom headerbar.titlebar, .tiled-left toolbarview > .top-bar headerbar, toolbarview > .top-bar .tiled-left headerbar,
+.tiled-left toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .tiled-left headerbar, .tiled-left headerbar.flat, .tiled-left window.shortcuts headerbar.titlebar, window.shortcuts .tiled-left headerbar.titlebar, .tiled-left adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .tiled-left headerbar.adaptive-mode-flat, .tiled-left window.print headerbar.titlebar, window.print .tiled-left headerbar.titlebar, .tiled-left window.pagesetup headerbar.titlebar, window.pagesetup .tiled-left headerbar.titlebar, .tiled-left window.aboutdialog headerbar.titlebar, window.aboutdialog .tiled-left headerbar.titlebar, .tiled-left window.colorchooser headerbar.titlebar, window.colorchooser .tiled-left headerbar.titlebar, .tiled-left window.appchooser headerbar.titlebar, window.appchooser .tiled-left headerbar.titlebar, .solid-csd toolbarview > .top-bar headerbar, toolbarview > .top-bar .solid-csd headerbar,
+.solid-csd toolbarview > .bottom-bar headerbar,
+toolbarview > .bottom-bar .solid-csd headerbar, .solid-csd headerbar.flat, .solid-csd window.shortcuts headerbar.titlebar, window.shortcuts .solid-csd headerbar.titlebar, .solid-csd adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .solid-csd headerbar.adaptive-mode-flat, .solid-csd window.print headerbar.titlebar, window.print .solid-csd headerbar.titlebar, .solid-csd window.pagesetup headerbar.titlebar, window.pagesetup .solid-csd headerbar.titlebar, .solid-csd window.aboutdialog headerbar.titlebar, window.aboutdialog .solid-csd headerbar.titlebar, .solid-csd window.colorchooser headerbar.titlebar, window.colorchooser .solid-csd headerbar.titlebar, .solid-csd window.appchooser headerbar.titlebar, window.appchooser .solid-csd headerbar.titlebar {
+  box-shadow: none;
+}
+
+toolbarview > .top-bar headerbar:backdrop,
+toolbarview > .bottom-bar headerbar:backdrop {
+  transition: none;
+}
+
+toolbarview > .top-bar headerbar:backdrop > windowhandle,
+toolbarview > .bottom-bar headerbar:backdrop > windowhandle {
+  filter: none;
+  transition: none;
+}
+
+window.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle,
+window.devel toolbarview > .bottom-bar headerbar > windowhandle,
+toolbarview > .bottom-bar window.devel headerbar > windowhandle {
+  background-image: none;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar,
+toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts headerbar.titlebar, window.appchooser headerbar.titlebar {
+  min-height: 40px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box,
+toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts headerbar.titlebar > windowhandle > box, window.appchooser headerbar.titlebar > windowhandle > box {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar.default-decoration,
+toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts headerbar.default-decoration.titlebar, window.appchooser headerbar.default-decoration.titlebar {
+  min-height: 34px;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box,
+toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser headerbar.default-decoration.titlebar > windowhandle > box {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.titlebar:not(headerbar) separator {
+  background-color: alpha(@headerbar_border_color,0.12);
+}
+
+/*********************
+ * GtkWindowControls *
+ *********************/
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+windowcontrols > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 9px 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  box-shadow: none;
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: transparent;
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+windowcontrols > button.minimize:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.minimize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: white;
+}
+
+windowcontrols > button.minimize:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image, windowcontrols > button.maximize:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image, windowcontrols > button.close:backdrop:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: alpha(@headerbar_fg_color,0.3);
+}
+
+windowcontrols > button.minimize:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.minimize:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.maximize:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:backdrop:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), windowcontrols > button.close:backdrop:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: alpha(@headerbar_fg_color,0.45);
+}
+
+windowcontrols > button.minimize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #f3be7c;
+}
+
+windowcontrols > button.minimize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#f3be7c,0.75);
+}
+
+windowcontrols > button.maximize:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #7fa563;
+}
+
+windowcontrols > button.maximize:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#7fa563,0.75);
+}
+
+windowcontrols > button.close:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: #d8647e;
+}
+
+windowcontrols > button.close:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image {
+  background-color: mix(black,#d8647e,0.75);
+}
+
+windowcontrols {
+  border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+  margin-right: 6px;
+  margin-left: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > image,
+windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > image {
+  padding: 0;
+  border-radius: 100%;
+  transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+windowcontrols > .icon {
+  margin: 9px;
+}
+
+/******************
+ * AdwWindowTitle *
+ ******************/
+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;
+}
+
+windowtitle {
+  margin-top: -6px;
+  margin-bottom: -6px;
+  min-height: 12px;
+}
+
+window.devel headerbar > windowhandle {
+  background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent));
+  background-repeat: repeat-x;
+}
+
+window.devel dialog headerbar > windowhandle {
+  background-image: unset;
+  background-repeat: unset;
+}
+
+.accent-color-row color {
+  min-width: 16px;
+  min-height: 16px;
+  border-radius: 16px;
+}
+
+.accent-color-row color:disabled {
+  opacity: 0.45;
+}
+
+adaptive-preview .device-view {
+  background: #101011;
+  color: white;
+  box-shadow: 0 0 0 2px RGB(255 255 255/15%);
+  margin: 2px;
+  padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel);
+  border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius);
+  --window-radius: 0px;
+  /* Hack to make GtkGraphicsOffload disable offload in this case */
+  opacity: 99.9999999999999%;
+}
+
+adaptive-preview .device-view.custom {
+  padding: 0;
+  border-radius: 0;
+  margin: 0;
+  box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0/5%);
+}
+
+adaptive-preview .device-view.highlight {
+  background: oklab(from @accent_bg_color 0.5 a b);
+  box-shadow: none;
+}
+
+adaptive-preview .device-view.highlight .screen-view .shell-top-bar,
+adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar {
+  background: none;
+}
+
+adaptive-preview .device-view.highlight.custom {
+  box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from @accent_bg_color 0.5 a b);
+}
+
+adaptive-preview .device-view .screen-view {
+  border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius);
+}
+
+adaptive-preview .device-view .screen-view.outline {
+  filter: drop-shadow(3px 0 0 @accent_bg_color) drop-shadow(-3px 0 0 @accent_bg_color) drop-shadow(0 3px 0 @accent_bg_color) drop-shadow(0 -3px 0 @accent_bg_color);
+}
+
+adaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar {
+  background: black;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label:disabled {
+  filter: opacity(0.45);
+}
+
+.dimmed, dialog.shortcuts .shortcut-row .title-box > .subtitle {
+  opacity: 0.55;
+}
+
+.dim-label, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title, row label.subtitle, spinbutton > text > placeholder,
+entry > text > placeholder, headerbar .subtitle,
+windowtitle .subtitle, label.separator {
+  opacity: 0.55;
+}
+
+.accent {
+  color: @accent_color;
+}
+
+.success {
+  color: @success_color;
+}
+
+.warning {
+  color: @warning_color;
+}
+
+.error {
+  color: @error_color;
+}
+
+/**********************
+ * General Typography *
+ **********************/
+.title-1 {
+  font-weight: 800;
+  font-size: 181%;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 136%;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 136%;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 118%;
+}
+
+.heading, row.button .title, listview > header {
+  font-weight: 700;
+}
+
+.body {
+  font-weight: 400;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 82%;
+}
+
+.caption, dialog.shortcuts .shortcut-row .title-box > .subtitle {
+  font-weight: 400;
+  font-size: 82%;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+.numeric, spinbutton, scale > value, progressbar > text {
+  font-feature-settings: "tnum";
+}
+
+/*******************
+ * Editable Labels *
+ *******************/
+editablelabel > stack > text {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+}
+
+levelbar:disabled {
+  filter: opacity(0.45);
+}
+
+levelbar.horizontal trough > block {
+  min-height: 8px;
+  border-radius: 99px;
+}
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full {
+  border-radius: 99px;
+}
+
+levelbar.horizontal.discrete > trough > block {
+  min-height: 8px;
+  margin-right: 2px;
+  min-width: 26px;
+  border-radius: 0;
+}
+
+levelbar.horizontal.discrete > trough > block:first-child {
+  border-radius: 99px 0 0 99px;
+}
+
+levelbar.horizontal.discrete > trough > block:last-child {
+  border-radius: 0 99px 99px 0;
+  margin-right: 0;
+}
+
+levelbar.vertical trough > block {
+  min-width: 8px;
+  border-radius: 99px;
+}
+
+levelbar.vertical trough > block.empty, levelbar.vertical trough > block.full {
+  border-radius: 99px;
+}
+
+levelbar.vertical.discrete > trough > block {
+  min-width: 8px;
+  margin-bottom: 2px;
+  min-height: 26px;
+  border-radius: 0;
+}
+
+levelbar.vertical.discrete > trough > block:first-child {
+  border-radius: 99px 99px 0 0;
+}
+
+levelbar.vertical.discrete > trough > block:last-child {
+  border-radius: 0 0 99px 99px;
+  margin-bottom: 0;
+}
+
+levelbar > trough {
+  padding: 0;
+}
+
+levelbar > trough > block.low {
+  background-color: @warning_bg_color;
+}
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+  background-color: @accent_bg_color;
+}
+
+levelbar > trough > block.full {
+  background-color: @success_bg_color;
+}
+
+levelbar > trough > block.empty {
+  background-color: alpha(currentColor,0.15);
+}
+
+.osd levelbar > trough > block.high, .osd levelbar > trough > block:not(.empty) {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical button:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical spinbutton:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical spinbutton:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical entry:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical combobox:not(:first-child) > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical combobox:not(:last-child) > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
+}
+
+.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  margin-top: -1px;
+}
+
+.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+link,
+button.link {
+  color: @accent_color;
+  text-decoration: underline;
+  font-weight: inherit;
+}
+
+link:visited,
+button.link:visited {
+  color: mix(@accent_color,@view_fg_color,0.2);
+}
+
+link:hover,
+button.link:hover {
+  color: shade(@accent_color,1.1);
+}
+
+link:active,
+button.link:active {
+  color: @accent_color;
+}
+
+link:disabled,
+button.link:disabled {
+  color: alpha(currentColor,0.45);
+}
+
+.osd link, .osd button.link {
+  color: mix(@accent_bg_color,white,0.5);
+}
+
+.osd link:visited, .osd button.link:visited {
+  color: mix(@accent_bg_color,white,0.25);
+}
+
+.osd link:active, .osd button.link:active {
+  color: mix(@accent_bg_color,white,0.5);
+}
+
+link {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+link:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+.osd link:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+button.link > label {
+  text-decoration: underline;
+}
+
+listview,
+list {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+  background-clip: padding-box;
+  border-color: alpha(currentColor,0.12);
+}
+
+listview > row,
+list > row {
+  padding: 2px;
+  background-clip: padding-box;
+}
+
+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 alpha(currentColor,0.12);
+}
+
+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 alpha(currentColor,0.12);
+}
+
+button listview.view, button window.print listview.dialog-action-box, window.print button listview.dialog-action-box {
+  background: none;
+}
+
+list.frame {
+  border-radius: 6px;
+}
+
+listview > header {
+  padding: 2px;
+  padding-top: 18px;
+  padding-bottom: 6px;
+}
+
+row {
+  background-clip: padding-box;
+}
+
+row {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+row.activatable {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+row.activatable:hover {
+  background-color: alpha(currentColor,0.04);
+}
+
+row.activatable:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.04) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.04);
+  box-shadow: none;
+}
+
+row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.04);
+}
+
+row.activatable:selected:hover {
+  background-color: alpha(@accent_color,0.32);
+}
+
+row.activatable:selected:active {
+  background-color: alpha(@accent_color,0.39);
+}
+
+row.activatable:selected.has-open-popup {
+  background-color: alpha(@accent_color,0.32);
+}
+
+row:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+.osd row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd row.activatable:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+.osd row.activatable:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+.osd row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.07);
+}
+
+.osd row.activatable:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+.osd row.activatable:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+.osd row.activatable:selected.has-open-popup {
+  background-color: alpha(currentColor,0.13);
+}
+
+.osd row:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+/*******************************************************
+ * 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;
+}
+
+.rich-list > header {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+/****************
+ * AdwActionRow *
+ ****************/
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+  padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+  padding: 0;
+  font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+  border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+row.property > box.header > box.title > .title, row.expander.property box > list > row > box.header > box.title > .title {
+  font-size: smaller;
+}
+
+row.property > box.header > box.title > .subtitle, row.expander.property box > list > row > box.header > box.title > .subtitle {
+  font-size: inherit;
+  opacity: 1;
+}
+
+/******************************
+ * AdwEntryRow and AdwSpinRow *
+ ******************************/
+row.entry:disabled text {
+  opacity: 0.45;
+}
+
+row.entry:disabled .dimmed, row.entry:disabled dialog.shortcuts .shortcut-row .title-box > .subtitle, dialog.shortcuts .shortcut-row row.entry:disabled .title-box > .subtitle, row.entry:disabled .dim-label, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder,
+row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry:disabled box > list > row > box.header > box.title > .title, row.entry:disabled .subtitle {
+  opacity: 1;
+}
+
+row.entry > box.header {
+  border-spacing: 0;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+row.entry > box.header > .editable-area {
+  padding: 0 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator {
+  min-width: 24px;
+  min-height: 24px;
+  padding: 5px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .editable-area > .edit-icon:disabled {
+  opacity: 0.3;
+}
+
+row.entry > box.header > .editable-area > .indicator {
+  opacity: 0.3;
+}
+
+row.entry > box.header > .prefixes:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.entry > box.header > .prefixes:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .suffixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row.entry > box.header > .suffixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+row.entry.monospace {
+  font-family: inherit;
+}
+
+row.entry.monospace text {
+  font-family: monospace;
+}
+
+row.spin spinbutton {
+  background: none;
+  border-spacing: 6px;
+  box-shadow: none;
+}
+
+row.spin spinbutton, row.spin spinbutton:focus {
+  outline: none;
+}
+
+row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child {
+  min-width: 28px;
+  min-height: 28px;
+  margin: 10px 2px;
+  border: none;
+}
+
+row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled,
+row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled {
+  filter: none;
+}
+
+row.entry,
+row.spin {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.focused,
+row.spin.focused {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active,
+row.spin:not(:selected).activatable.focused:hover,
+row.spin:not(:selected).activatable.focused:active {
+  background-color: transparent;
+}
+
+row.entry.error,
+row.spin.error {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.error.focused,
+row.spin.error.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.error text > selection:focus-within,
+row.spin.error text > selection:focus-within {
+  background-color: alpha(@error_color,0.2);
+}
+
+row.entry.error text > cursor-handle > contents,
+row.spin.error text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.error .dim-label, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder,
+row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.error box > list > row > box.header > box.title > .title, row.entry.error .subtitle,
+row.spin.error .dim-label,
+row.spin.error scale > value,
+row.spin.error progressbar > text,
+row.spin.error row.expander image.expander-row-arrow,
+row.expander row.spin.error image.expander-row-arrow,
+row.spin.error spinbutton > text > placeholder,
+row.spin.error entry > text > placeholder,
+row.spin.error label.separator,
+row.spin.error row.property > box.header > box.title > .title,
+row.spin.error row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.error box > list > row > box.header > box.title > .title,
+row.spin.error .subtitle {
+  opacity: 1;
+}
+
+row.entry.error .suggested-action,
+row.spin.error .suggested-action {
+  background-color: @error_bg_color;
+  color: @error_fg_color;
+}
+
+row.entry.warning,
+row.spin.warning {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.warning.focused,
+row.spin.warning.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.warning text > selection:focus-within,
+row.spin.warning text > selection:focus-within {
+  background-color: alpha(@warning_color,0.2);
+}
+
+row.entry.warning text > cursor-handle > contents,
+row.spin.warning text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.warning .dim-label, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder,
+row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.warning box > list > row > box.header > box.title > .title, row.entry.warning .subtitle,
+row.spin.warning .dim-label,
+row.spin.warning scale > value,
+row.spin.warning progressbar > text,
+row.spin.warning row.expander image.expander-row-arrow,
+row.expander row.spin.warning image.expander-row-arrow,
+row.spin.warning spinbutton > text > placeholder,
+row.spin.warning entry > text > placeholder,
+row.spin.warning label.separator,
+row.spin.warning row.property > box.header > box.title > .title,
+row.spin.warning row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.warning box > list > row > box.header > box.title > .title,
+row.spin.warning .subtitle {
+  opacity: 1;
+}
+
+row.entry.warning .suggested-action,
+row.spin.warning .suggested-action {
+  background-color: @warning_bg_color;
+  color: @warning_fg_color;
+}
+
+row.entry.success,
+row.spin.success {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.entry.success.focused,
+row.spin.success.focused {
+  outline-color: alpha(currentColor,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+row.entry.success text > selection:focus-within,
+row.spin.success text > selection:focus-within {
+  background-color: alpha(@success_color,0.2);
+}
+
+row.entry.success text > cursor-handle > contents,
+row.spin.success text > cursor-handle > contents {
+  background-color: currentColor;
+}
+
+row.entry.success .dim-label, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder,
+row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success row.expander.property box > list > row > box.header > box.title > .title, row.expander.property row.entry.success box > list > row > box.header > box.title > .title, row.entry.success .subtitle,
+row.spin.success .dim-label,
+row.spin.success scale > value,
+row.spin.success progressbar > text,
+row.spin.success row.expander image.expander-row-arrow,
+row.expander row.spin.success image.expander-row-arrow,
+row.spin.success spinbutton > text > placeholder,
+row.spin.success entry > text > placeholder,
+row.spin.success label.separator,
+row.spin.success row.property > box.header > box.title > .title,
+row.spin.success row.expander.property box > list > row > box.header > box.title > .title,
+row.expander.property row.spin.success box > list > row > box.header > box.title > .title,
+row.spin.success .subtitle {
+  opacity: 1;
+}
+
+row.entry.success .suggested-action,
+row.spin.success .suggested-action {
+  background-color: @success_bg_color;
+  color: @success_fg_color;
+}
+
+/***************
+ * AdwComboRow *
+ ***************/
+row.combo image.dropdown-arrow:disabled {
+  filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+  background: none;
+  border: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+  background: none;
+  color: inherit;
+}
+
+row.combo popover > contents {
+  min-width: 120px;
+}
+
+row.combo popover > contents .combo-searchbar {
+  margin: 6px;
+}
+
+row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+/******************
+ * AdwExpanderRow *
+ ******************/
+list.boxed-list-separate > row, list.boxed-list, list.content {
+  background-color: @card_bg_color;
+  color: @card_fg_color;
+  border-radius: 6px;
+  box-shadow: 0 0 0 1px alpha(currentColor,0.12);
+}
+
+list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row {
+  border-bottom: 1px solid alpha(currentColor,0.08);
+}
+
+list.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd list.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list-separate > row.expander .osd row.header:focus:focus-visible, .osd list.boxed-list > row:focus:focus-visible, .osd list.content > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+  background-color: alpha(currentColor,0.03);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+  background-color: alpha(currentColor,0.08);
+}
+
+list.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+  background-color: alpha(currentColor,0.03);
+}
+
+row.expander {
+  background: none;
+  padding: 0px;
+}
+
+row.expander > box > list {
+  background: none;
+  color: inherit;
+}
+
+row.expander list.nested {
+  background-color: alpha(@card_shade_color,0.5);
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+  transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  margin-left: 3px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  margin-right: 3px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+  filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+  -gtk-icon-transform: rotate(0turn);
+  opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: @accent_color;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: inherit;
+}
+
+/***************
+ * AdwButtonRow *
+ ***************/
+row.button > box {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 48px;
+}
+
+row.button > box > .icon:disabled {
+  filter: Opacity(0.45);
+}
+
+row.button.suggested-action {
+  color: @accent_color;
+}
+
+row.button.destructive-action {
+  color: @destructive_color;
+}
+
+/*****************
+ * Boxed Lists *
+ *****************/
+list.boxed-list > row.expander, list.content > row.expander {
+  border: none;
+}
+
+list.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom-width: 0;
+}
+
+list.boxed-list-separate {
+  background: none;
+  color: @card_fg_color;
+}
+
+list.boxed-list-separate > row {
+  border: none;
+  margin-bottom: 12px;
+}
+
+list.boxed-list-separate > row:last-child {
+  margin-bottom: 0;
+}
+
+list.boxed-list-separate > row {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+list.boxed-list-separate > row:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd list.boxed-list-separate > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.03));
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable:active {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.08));
+}
+
+list.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup {
+  background-color: @card_bg_color;
+  background-image: image(alpha(currentColor,0.03));
+}
+
+list.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active {
+  background-color: @card_bg_color;
+  background-image: none;
+}
+
+list.boxed-list-separate > row.entry.error, list.boxed-list-separate > row.spin.error {
+  color: @error_color;
+}
+
+list.boxed-list-separate > row.entry.warning, list.boxed-list-separate > row.spin.warning {
+  color: @warning_color;
+}
+
+list.boxed-list-separate > row.entry.success, list.boxed-list-separate > row.spin.success {
+  color: @success_color;
+}
+
+list.boxed-list-separate > row.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom: none;
+}
+
+popover.menu > contents {
+  min-width: 120px;
+}
+
+popover.menu scrollbar.vertical > range > trough > slider {
+  min-height: 30px;
+}
+
+popover.menu box.inline-buttons {
+  padding: 0 12px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 2px;
+  border: none;
+  outline: none;
+  transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu box.circular-buttons {
+  padding: 12px 12px 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  outline: none;
+  padding: 12px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:selected {
+  background-color: alpha(currentColor,0.13);
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu > contents {
+  padding: 0;
+}
+
+popover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box {
+  padding: 6px;
+}
+
+popover.menu separator {
+  margin: 6px 0;
+}
+
+popover.menu list separator {
+  margin: 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 check,
+popover.menu radio {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-size: 16px;
+  padding: 0;
+}
+
+popover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate),
+popover.menu radio,
+popover.menu radio:hover:checked,
+popover.menu radio:hover:indeterminate,
+popover.menu radio:hover:not(:checked):not(:indeterminate),
+popover.menu radio:active:checked,
+popover.menu radio:active:indeterminate,
+popover.menu radio:active:not(:checked):not(:indeterminate) {
+  background: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+popover.menu radio:checked, popover.menu radio:indeterminate {
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/menu-radio-symbolic.svg")), -gtk-recolor(url("assets/menu-radio-symbolic@2.svg")));
+}
+
+.osd popover.menu check, .osd popover.menu radio {
+  background: none;
+  color: inherit;
+}
+
+popover.menu radio, popover.menu check {
+  padding: 0;
+  border: 1px solid alpha(currentColor,0.3);
+}
+
+popover.menu check.left,
+popover.menu radio.left,
+popover.menu arrow.left {
+  margin-left: -2px;
+  margin-right: 6px;
+}
+
+popover.menu check.right,
+popover.menu radio.right,
+popover.menu arrow.right {
+  margin-left: 6px;
+  margin-right: -2px;
+}
+
+popover.menu modelbutton {
+  min-height: 28px;
+  min-width: 38px;
+  padding: 2px 12px;
+  border-radius: 6px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  background-color: transparent;
+  outline: 0 solid transparent;
+  outline-offset: 2px;
+  color: alpha(currentColor,0.75);
+}
+
+popover.menu modelbutton:focus:not(:hover):not(:active) {
+  outline: none;
+  background: none;
+  transition: none;
+}
+
+popover.menu modelbutton:hover, popover.menu modelbutton:selected {
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+popover.menu modelbutton:active {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: radial-gradient(circle, alpha(currentColor,0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  background-color: alpha(currentColor,0.12);
+  color: currentColor;
+}
+
+popover.menu modelbutton arrow {
+  background: none;
+  min-width: 16px;
+  min-height: 16px;
+  opacity: 0.3;
+}
+
+popover.menu modelbutton arrow:hover {
+  background: none;
+}
+
+popover.menu modelbutton arrow:disabled {
+  filter: opacity(0.45);
+}
+
+popover.menu modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover.menu modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+popover.menu label.title {
+  font-weight: bold;
+  padding: 4px 32px;
+}
+
+popover.menu list, popover.menu listview {
+  background: none;
+  color: inherit;
+}
+
+popover.menu list > row, popover.menu listview > row {
+  border-radius: 6px;
+  padding: 0 12px;
+  min-height: 28px;
+  min-width: 46px;
+}
+
+popover.menu list > row:selected, popover.menu listview > row:selected {
+  background: none;
+}
+
+popover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable {
+  background-color: alpha(currentColor,0.19);
+}
+
+popover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable {
+  background-color: alpha(currentColor,0.1);
+}
+
+popover.menu list > row > box, popover.menu listview > row > box {
+  border-spacing: 6px;
+}
+
+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: 6px 12px;
+  min-height: 0;
+}
+
+menubar {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  padding-bottom: 1px;
+}
+
+menubar > item {
+  min-height: 16px;
+  padding: 4px 8px;
+  border-radius: 6px;
+}
+
+menubar > item:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+menubar > item popover.menu popover.menu {
+  padding: 0 0 4px 0;
+}
+
+menubar > item popover.menu popover.menu > contents {
+  margin: 0;
+  border-radius: 12px;
+}
+
+toolbarview > .top-bar menubar,
+toolbarview > .bottom-bar menubar {
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+/********************
+ * GtkMessageDialog *
+ ********************/
+window.dialog.message .titlebar {
+  min-height: 20px;
+  background: none;
+  box-shadow: none;
+  border: none;
+}
+
+window.dialog.message .dialog-action-area {
+  border: none;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  margin: 0;
+  border-spacing: 6px;
+  padding: 6px;
+}
+
+window.dialog.message .dialog-action-area > button {
+  padding: 10px 14px;
+  border-radius: 6px;
+  border: none;
+  background-clip: padding-box;
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action {
+  color: @accent_bg_color;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action {
+  color: @destructive_color;
+}
+
+window.dialog.message .dialog-action-area > button.default, window.dialog.message .dialog-action-area > button.default:focus:not(:hover):not(:active) {
+  color: @success_color;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+  margin-top: 6px;
+  border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog,
+dialog-host > dialog.alert sheet,
+window.dialog-window.alert {
+  background-color: @dialog_bg_color;
+  color: @dialog_fg_color;
+}
+
+dialog-host > dialog.alert.floating sheet,
+window.dialog-window.alert {
+  border-radius: 18px;
+  outline-offset: -1px;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.messagedialog {
+  border-radius: 18px;
+}
+
+window.messagedialog .message-area {
+  padding-top: 30px;
+  padding-bottom: 12px;
+  border-spacing: 24px;
+}
+
+window.messagedialog .message-area.has-heading.has-body {
+  border-spacing: 10px;
+}
+
+window.messagedialog .message-area.has-heading.has-body > .child {
+  margin-top: 8px;
+}
+
+window.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+window.messagedialog .response-area {
+  padding: 12px;
+  border-spacing: 6px;
+}
+
+window.messagedialog .response-area > button {
+  min-height: 24px;
+  min-width: 58px;
+  padding: 8px 14px;
+  border-radius: 6px;
+  margin: 0;
+}
+
+window.messagedialog .response-area > button.suggested {
+  color: @accent_bg_color;
+}
+
+window.messagedialog .response-area > button.destructive {
+  color: @destructive_color;
+}
+
+window.messagedialog .response-area > separator {
+  background: none;
+  margin: 3px;
+}
+
+dialog.alert.floating .message-area {
+  padding-top: 30px;
+  padding-bottom: 12px;
+  border-spacing: 24px;
+}
+
+dialog.alert.floating .message-area.has-heading.has-body {
+  border-spacing: 10px;
+}
+
+dialog.alert.floating .message-area.has-heading.has-body > .child {
+  margin-top: 8px;
+}
+
+dialog.alert.floating .message-area > .heading-bin, dialog.alert.floating .message-area > .body, dialog.alert.floating .message-area > .child {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+dialog.alert.floating .response-area {
+  padding: 12px;
+  padding-top: 18px;
+  border-spacing: 12px;
+}
+
+dialog.alert.floating .response-area > button {
+  min-height: 24px;
+  min-width: 58px;
+  padding: 8px 14px;
+  border-radius: 6px;
+  margin: 0;
+}
+
+dialog.alert.floating .response-area > button.suggested {
+  color: @accent_bg_color;
+}
+
+dialog.alert.floating .response-area > button.destructive {
+  color: @destructive_color;
+}
+
+dialog.alert.floating.short .message-area {
+  padding-top: 24px;
+  border-spacing: 18px;
+}
+
+dialog.alert.floating.short .message-area > .heading-bin, dialog.alert.floating.short .message-area > .body, dialog.alert.floating.short .message-area > .child {
+  padding-left: 18px;
+  padding-right: 18px;
+}
+
+dialog.alert.floating.short .message-area.has-heading.has-body {
+  border-spacing: 6px;
+}
+
+dialog.alert.floating.short .response-area {
+  padding: 18px;
+  padding-top: 9px;
+}
+
+dialog.alert.floating.short .response-area > button {
+  min-width: 0;
+  padding: 8px 16px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+frame {
+  border-radius: 6px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+/**************
+ * Separators *
+ **************/
+separator {
+  background: alpha(currentColor,0.12);
+  min-width: 1px;
+  min-height: 1px;
+}
+
+separator.spacer {
+  background: none;
+}
+
+separator.spacer.horizontal {
+  min-width: 12px;
+}
+
+separator.spacer.vertical {
+  min-height: 12px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  padding: 10px;
+  border-spacing: 10px;
+  border-radius: 0 0 12px 12px;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
+  background-clip: padding-box;
+}
+
+.app-notification border {
+  border: none;
+}
+
+/**********
+ * Toasts *
+ **********/
+toast {
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 150px;
+  border-spacing: 6px;
+  padding: 6px;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > widget {
+  margin: 0 6px;
+}
+
+/**************
+ * GtkVideo *
+ **************/
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 32px;
+}
+
+/******************
+ * AdwAboutWindow *
+ ******************/
+window.about .main-page > viewport > clamp > box,
+dialog.about .main-page > viewport > clamp > box {
+  margin: 12px;
+  border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box,
+dialog.about .main-page > viewport > clamp > box > box {
+  margin-top: 18px;
+  border-spacing: 18px;
+  margin-bottom: 6px;
+}
+
+window.about .main-page .app-version,
+dialog.about .main-page .app-version {
+  padding: 3px 18px;
+  color: @accent_color;
+  border-radius: 9999px;
+  margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box,
+dialog.about .subpage > viewport > clamp > box {
+  margin: 18px 12px;
+  border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview,
+dialog.about .subpage > clamp > textview {
+  background: none;
+  color: inherit;
+}
+
+/*****************
+ * AdwStatusPage *
+ *****************/
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor,0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.45;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+/* Cards */
+shortcut > .keycap, .card {
+  background-color: @card_bg_color;
+  color: @card_fg_color;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px rgba(232, 232, 238, 0.12);
+}
+
+.osd shortcut > .keycap, shortcut > .osd.keycap, .osd .card, .card.osd {
+  background-color: alpha(currentColor,0.1);
+  color: inherit;
+  box-shadow: none;
+}
+
+.card {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.card:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -1px;
+}
+
+.osd .card:focus:focus-visible, .card.osd:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.card.activatable {
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.card.activatable:hover {
+  background-image: image(alpha(currentColor,0.03));
+}
+
+.card.activatable:active {
+  background-image: image(alpha(currentColor,0.08));
+}
+
+/* Transition shadows */
+flap > dimming,
+leaflet > dimming,
+navigation-view > dimming,
+overlay-split-view > dimming {
+  background: @shade_color;
+}
+
+flap > shadow,
+leaflet > shadow,
+navigation-view > shadow,
+overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+flap > shadow.left,
+leaflet > shadow.left,
+navigation-view > shadow.left,
+overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to right, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.right,
+leaflet > shadow.right,
+navigation-view > shadow.right,
+overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to left, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.up,
+leaflet > shadow.up,
+navigation-view > shadow.up,
+overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to bottom, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+flap > shadow.down,
+leaflet > shadow.down,
+navigation-view > shadow.down,
+overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@shade_color,0.7), alpha(@shade_color,0.14) 40px, alpha(@shade_color,0) 56px), linear-gradient(to top, alpha(@shade_color,0.4), alpha(@shade_color,0.14) 7px, alpha(@shade_color,0) 24px);
+}
+
+/* PathBar */
+.pathbar {
+  background-color: alpha(currentColor,0.05);
+  border-radius: 6px;
+  padding: 0;
+}
+
+.pathbar button {
+  margin: 0;
+}
+
+headerbar .pathbar button {
+  margin: 0;
+}
+
+notebook > header > tabs > tab:checked {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+notebook:focus:focus-visible > header > tabs > tab:checked {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+notebook > header {
+  padding: 1px;
+  border-color: alpha(currentColor,0.12);
+  border-width: 1px;
+  background-clip: padding-box;
+}
+
+notebook > header > tabs {
+  margin: -1px;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -2px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -4px alpha(currentColor,0.12);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -4px @accent_bg_color;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -2px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 4px alpha(currentColor,0.12);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 4px @accent_bg_color;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+}
+
+notebook > header.left > tabs {
+  margin-right: -2px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -4px 0 alpha(currentColor,0.12);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -4px 0 @accent_bg_color;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+}
+
+notebook > header.right > tabs {
+  margin-left: -2px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 4px 0 alpha(currentColor,0.12);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 4px 0 @accent_bg_color;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  margin-left: -5px;
+  margin-right: -5px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+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 {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header > tabs > arrow:hover:not(:active) {
+  box-shadow: none;
+}
+
+notebook > header > tabs > tab {
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  min-height: 30px;
+  min-width: 30px;
+  padding: 3px 12px;
+  font-weight: normal;
+}
+
+notebook > header > tabs > tab:hover, notebook > header > tabs > tab:active {
+  background-color: alpha(currentColor,0.07);
+}
+
+notebook > header > tabs > tab:not(:checked) {
+  outline-color: transparent;
+}
+
+notebook > header > tabs > tab:disabled {
+  filter: opacity(0.45);
+}
+
+notebook > header > tabs > tab:disabled label, notebook > header > tabs > tab:disabled button {
+  filter: none;
+}
+
+notebook > header > tabs > tab button.flat {
+  color: alpha(currentColor,0.3);
+  padding: 0;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  min-width: 20px;
+  min-height: 20px;
+}
+
+notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active {
+  color: currentColor;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -4px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -4px;
+  margin-right: 4px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+  margin-left: -1px;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+  margin-right: -1px;
+}
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab {
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+  margin-top: -1px;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+  margin-bottom: -1px;
+}
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+notebook > header.top > tabs > tab {
+  padding-bottom: 4px;
+}
+
+notebook > header.bottom > tabs > tab {
+  padding-top: 4px;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: @view_bg_color;
+}
+
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  background: none;
+  background-size: 1px 1px;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  box-shadow: inset 1px 0 alpha(currentColor,0.12), inset -1px 0 alpha(currentColor,0.12);
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  box-shadow: inset 0 1px alpha(currentColor,0.12), inset 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview.undershoot-top popover scrolledwindow undershoot.top,
+toolbarview.undershoot-bottom popover scrolledwindow undershoot.bottom {
+  background: none;
+  box-shadow: none;
+}
+
+popover.background {
+  background-color: transparent;
+  font: initial;
+}
+
+popover > arrow,
+popover > contents {
+  background-color: @popover_bg_color;
+  color: @popover_fg_color;
+  background-clip: border-box;
+  border: 1px solid mix(white,@popover_bg_color,0.92);
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+popover > contents {
+  padding: 6px;
+  border-radius: 12px;
+}
+
+popover > contents > list,
+popover > contents > .view,
+window.print popover > contents > .dialog-action-box,
+popover > contents > toolbar,
+popover > contents > scrolledwindow > viewport > list {
+  border: none;
+  background-color: transparent;
+}
+
+popover > contents separator {
+  background-color: alpha(currentColor,0.08);
+}
+
+popover > contents > statuspage.compact > scrolledwindow > viewport > box {
+  margin: 12px;
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+  background-color: transparent;
+}
+
+.osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: none;
+}
+
+popover toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@popover_shade_color,0.75), transparent 6px);
+}
+
+popover flap > dimming,
+popover leaflet > dimming,
+popover navigation-view > dimming,
+popover overlay-split-view > dimming {
+  background: @popover_shade_color;
+}
+
+popover flap > shadow,
+popover leaflet > shadow,
+popover navigation-view > shadow,
+popover overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+popover flap > shadow.left,
+popover leaflet > shadow.left,
+popover navigation-view > shadow.left,
+popover overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to right, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.right,
+popover leaflet > shadow.right,
+popover navigation-view > shadow.right,
+popover overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to left, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.up,
+popover leaflet > shadow.up,
+popover navigation-view > shadow.up,
+popover overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to bottom, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+popover flap > shadow.down,
+popover leaflet > shadow.down,
+popover navigation-view > shadow.down,
+popover overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@popover_shade_color,0.7), alpha(@popover_shade_color,0.14) 40px, alpha(@popover_shade_color,0) 56px), linear-gradient(to top, alpha(@popover_shade_color,0.4), alpha(@popover_shade_color,0.14) 7px, alpha(@popover_shade_color,0) 24px);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 34px;
+}
+
+progressbar {
+  border-radius: 9999px;
+}
+
+progressbar.horizontal > trough {
+  min-width: 150px;
+}
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
+  min-height: 8px;
+}
+
+progressbar.vertical > trough {
+  min-height: 80px;
+}
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress {
+  min-width: 8px;
+}
+
+progressbar > text {
+  font-size: smaller;
+}
+
+progressbar:disabled {
+  filter: opacity(0.45);
+}
+
+progressbar > trough {
+  border-radius: 9999px;
+}
+
+progressbar > trough > progress {
+  /* share most of scales' */
+  border-radius: 99px;
+}
+
+progressbar > trough > progress.left {
+  border-top-left-radius: 99px;
+  border-bottom-left-radius: 99px;
+}
+
+progressbar > trough > progress.right {
+  border-top-right-radius: 99px;
+  border-bottom-right-radius: 99px;
+}
+
+progressbar > trough > progress.top {
+  border-top-right-radius: 99px;
+  border-top-left-radius: 99px;
+}
+
+progressbar > trough > progress.bottom {
+  border-bottom-right-radius: 99px;
+  border-bottom-left-radius: 99px;
+}
+
+progressbar.osd {
+  min-width: 2px;
+  min-height: 2px;
+  background-color: transparent;
+  color: inherit;
+}
+
+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.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress {
+  min-height: 2px;
+}
+
+progressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress {
+  min-width: 2px;
+}
+
+progressbar > trough.empty > progress {
+  all: unset;
+}
+
+.osd progressbar > trough > progress {
+  background-color: rgba(255, 255, 255, 0.75);
+}
+
+scale > trough > fill, scale > trough, progressbar > trough {
+  border-radius: 9999px;
+  background-color: alpha(currentColor,0.15);
+}
+
+scale > trough > highlight, progressbar > trough > progress {
+  border-radius: 9999px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+scale {
+  min-height: 10px;
+  min-width: 10px;
+  padding: 12px;
+}
+
+scale > trough > slider {
+  outline: 0 solid transparent;
+  outline-offset: 6px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+scale:focus:focus-visible > trough > slider {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 0;
+}
+
+scale > trough > slider {
+  background-color: @view_bg_color;
+  box-shadow: 0 0 0 2px @accent_bg_color, 0 0 0 0 transparent;
+  border-radius: 100%;
+  transition: box-shadow 200ms ease-out;
+  min-width: 16px;
+  min-height: 16px;
+  margin: -7px;
+}
+
+scale:hover > trough, scale:active > trough {
+  background-color: alpha(currentColor,0.2);
+}
+
+scale:hover > trough > highlight, scale:active > trough > highlight {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+scale:hover > trough > slider, scale:active > trough > slider {
+  background-color: @window_bg_color;
+  box-shadow: 0 0 0 2px @accent_bg_color, 0 0 0 8px alpha(currentColor,0.12);
+}
+
+.osd scale:focus:focus-visible > trough {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd scale > trough > highlight {
+  background-color: rgba(255, 255, 255, 0.75);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+scale:disabled {
+  filter: opacity(0.45);
+}
+
+scale:disabled > trough > slider {
+  box-shadow: 0 0 0 2px mix(@accent_bg_color,@window_bg_color,0.5);
+  outline-color: rgba(0, 0, 0, 0.2);
+}
+
+scale.fine-tune {
+  padding: 9px;
+}
+
+scale.fine-tune.horizontal {
+  min-height: 16px;
+}
+
+scale.fine-tune.vertical {
+  min-width: 16px;
+}
+
+scale.fine-tune > trough > slider {
+  margin: -5px;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+  transform: rotate(45deg);
+  box-shadow: 0 0 0 2px @accent_bg_color;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled {
+  box-shadow: 0 0 0 2px mix(@accent_bg_color,@window_bg_color,0.5);
+}
+
+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: 3px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+  margin-bottom: 3px;
+}
+
+scale.horizontal.fine-tune > marks indicator {
+  min-height: 3px;
+}
+
+scale.horizontal.marks-before {
+  padding-top: 0;
+}
+
+scale.horizontal.marks-before > trough > slider {
+  border-top-left-radius: 0;
+}
+
+scale.horizontal.marks-after {
+  padding-bottom: 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: 3px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+  margin-right: 3px;
+}
+
+scale.vertical.fine-tune > marks indicator {
+  min-height: 3px;
+}
+
+scale.vertical.marks-before {
+  padding-left: 0;
+}
+
+scale.vertical.marks-before > trough > slider {
+  border-bottom-left-radius: 0;
+}
+
+scale.vertical.marks-after {
+  padding-right: 0;
+}
+
+scale.vertical.marks-after > trough > slider {
+  border-top-right-radius: 0;
+}
+
+scale.color {
+  padding: 0;
+}
+
+scale.color > trough {
+  border: none;
+  background: none;
+  border-radius: 10px;
+}
+
+scale.color > trough > slider {
+  margin: 0;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+
+scale.color.fine-tune {
+  padding: 2px;
+}
+
+scale.color.fine-tune > trough > slider {
+  margin: -2px;
+}
+
+scrollbar > range > trough {
+  margin: 7px;
+  transition: all 200ms linear;
+  border-radius: 10px;
+}
+
+scrollbar > range > trough > slider {
+  min-width: 8px;
+  min-height: 8px;
+  margin: -6px;
+  border: 6px solid transparent;
+  border-radius: 10px;
+  background-clip: padding-box;
+  transition: all 200ms linear;
+  background-color: alpha(currentColor,0.2);
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: alpha(currentColor,0.4);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: alpha(currentColor,0.6);
+}
+
+scrollbar > range > trough > slider:disabled {
+  opacity: 0;
+}
+
+scrollbar.horizontal > range > trough {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+scrollbar.vertical > range > trough {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+scrollbar.overlay-indicator {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+  padding: 0;
+}
+
+scrollbar.overlay-indicator > range > trough {
+  outline: 1px solid transparent;
+}
+
+scrollbar.overlay-indicator > range > trough > slider {
+  outline: 1px solid alpha(@scrollbar_outline_color,0.6);
+  outline-offset: -6px;
+}
+
+.osd scrollbar.overlay-indicator > range > trough > slider {
+  outline: 1px solid alpha(rgba(0, 0, 0, 0.5),0.6);
+}
+
+scrollbar.overlay-indicator:not(.hovering) > range > trough > slider {
+  min-width: 3px;
+  min-height: 3px;
+  outline-color: alpha(@scrollbar_outline_color,0.35);
+}
+
+.osd scrollbar.overlay-indicator:not(.hovering) > range > trough > slider {
+  outline-color: alpha(rgba(0, 0, 0, 0.5),0.35);
+}
+
+scrollbar.overlay-indicator.hovering > range > trough {
+  background-color: alpha(currentColor,0.1);
+}
+
+scrollbar.overlay-indicator.horizontal > range > trough > slider {
+  min-width: 40px;
+}
+
+scrollbar.overlay-indicator.horizontal.hovering > range > trough > slider {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+scrollbar.overlay-indicator.vertical > range > trough > slider {
+  min-height: 40px;
+}
+
+scrollbar.overlay-indicator.vertical.hovering > range > trough > slider {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.hovering) > range > trough {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 40px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 40px;
+}
+
+scrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active {
+  background-color: alpha(@accent_color,0.6);
+}
+
+scrolledwindow > overshoot.top {
+  background-image: radial-gradient(farthest-side at top, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at top, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 100% 3%, 100% 50%;
+  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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at bottom, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 100% 3%, 100% 50%;
+  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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at left, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 3% 100%, 50% 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, alpha(currentColor,0.12) 85%, alpha(currentColor,0)), radial-gradient(farthest-side at right, alpha(currentColor,0.05), alpha(currentColor,0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: right;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@shade_color,0.75), transparent 6px);
+}
+
+scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+.about toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+.about toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+  border-radius: 6px;
+}
+
+shortcut {
+  outline: 0 solid transparent;
+  outline-offset: 8px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+shortcut:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 4px;
+}
+
+shortcut > .keycap {
+  min-width: 20px;
+  min-height: 25px;
+  padding: 2px 6px;
+  border-radius: 6px;
+  font-size: smaller;
+}
+
+shortcuts-section stackswitcher.circular {
+  border-spacing: 12px;
+}
+
+shortcuts-section stackswitcher.circular > button.circular,
+shortcuts-section stackswitcher.circular > button.text-button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+window.shortcuts headerbar.titlebar > windowhandle {
+  padding-top: 3px;
+}
+
+window.shortcuts searchbar {
+  background: none;
+}
+
+dialog.shortcuts preferencespage > scrolledwindow > viewport > clamp > box {
+  border-spacing: 18px;
+}
+
+dialog.shortcuts preferencespage > scrolledwindow > viewport > clamp > box preferencesgroup + preferencesgroup box.header {
+  margin-top: 6px;
+}
+
+dialog.shortcuts .shortcut-row {
+  padding: 9px 12px;
+  min-height: 36px;
+}
+
+dialog.shortcuts .shortcut-row .title-box {
+  border-spacing: 3px;
+}
+
+shortcut-label, shortcut-label > box {
+  border-spacing: 6px;
+}
+
+shortcut-label .keycap {
+  background: alpha(currentColor,0.1);
+  box-shadow: inset 0 -2px alpha(currentColor,0.12);
+  border-radius: 6px;
+  padding: 6px;
+  min-width: 20px;
+}
+
+shortcut-label > .dimmed, dialog.shortcuts .shortcut-row shortcut-label.title-box > .subtitle {
+  padding: 6px 0;
+}
+
+.sidebar-pane {
+  background-color: @sidebar_bg_color;
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane:backdrop {
+  background-color: @sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+.sidebar-pane listview,
+.sidebar-pane list:not(.navigation-sidebar),
+.sidebar-pane list.boxed-list,
+.sidebar-pane list.content {
+  background-color: mix(white,@sidebar_bg_color,0.95);
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane list.boxed-list-separate {
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane flap > dimming,
+.sidebar-pane leaflet > dimming,
+.sidebar-pane navigation-view > dimming,
+.sidebar-pane overlay-split-view > dimming {
+  background: @sidebar_shade_color;
+}
+
+.sidebar-pane flap > shadow,
+.sidebar-pane leaflet > shadow,
+.sidebar-pane navigation-view > shadow,
+.sidebar-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.sidebar-pane flap > shadow.left,
+.sidebar-pane leaflet > shadow.left,
+.sidebar-pane navigation-view > shadow.left,
+.sidebar-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.right,
+.sidebar-pane leaflet > shadow.right,
+.sidebar-pane navigation-view > shadow.right,
+.sidebar-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.up,
+.sidebar-pane leaflet > shadow.up,
+.sidebar-pane navigation-view > shadow.up,
+.sidebar-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane flap > shadow.down,
+.sidebar-pane leaflet > shadow.down,
+.sidebar-pane navigation-view > shadow.down,
+.sidebar-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@sidebar_shade_color,0.7), alpha(@sidebar_shade_color,0.14) 40px, alpha(@sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@sidebar_shade_color,0.4), alpha(@sidebar_shade_color,0.14) 7px, alpha(@sidebar_shade_color,0) 24px);
+}
+
+.sidebar-pane banner > revealer > widget {
+  background-color: mix(@accent_bg_color,@sidebar_bg_color,0.7);
+  color: @sidebar_fg_color;
+}
+
+.sidebar-pane banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@sidebar_backdrop_color,0.85);
+}
+
+.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: inset -1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: inset 1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow columnview.view ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow treeview.view ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow window.print columnview.dialog-action-box ~ undershoot.top, window.print .sidebar-pane toolbarview.undershoot-top scrolledwindow columnview.dialog-action-box ~ undershoot.top, .sidebar-pane toolbarview.undershoot-top scrolledwindow window.print treeview.dialog-action-box ~ undershoot.top, window.print .sidebar-pane toolbarview.undershoot-top scrolledwindow treeview.dialog-action-box ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow columnview.view ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow treeview.view ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow window.print columnview.dialog-action-box ~ undershoot.top, window.print .content-pane toolbarview.undershoot-top scrolledwindow columnview.dialog-action-box ~ undershoot.top, .content-pane toolbarview.undershoot-top scrolledwindow window.print treeview.dialog-action-box ~ undershoot.top, window.print .content-pane toolbarview.undershoot-top scrolledwindow treeview.dialog-action-box ~ undershoot.top {
+  box-shadow: none;
+}
+
+.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to left, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 alpha(currentColor,0.12);
+  background: linear-gradient(to right, alpha(@sidebar_shade_color,0.75), transparent 6px);
+}
+
+/* Middle pane in three-pane setups */
+.content-pane .sidebar-pane,
+.sidebar-pane .content-pane {
+  background-color: @secondary_sidebar_bg_color;
+  color: @secondary_sidebar_fg_color;
+}
+
+.content-pane .sidebar-pane:backdrop,
+.sidebar-pane .content-pane:backdrop {
+  background-color: @secondary_sidebar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top,
+.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom,
+.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top,
+.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: none;
+  background: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom,
+.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: none;
+  background: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: none;
+  background: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: none;
+  background: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.75), transparent 6px);
+}
+
+.content-pane .sidebar-pane flap > dimming,
+.content-pane .sidebar-pane leaflet > dimming,
+.content-pane .sidebar-pane navigation-view > dimming,
+.content-pane .sidebar-pane overlay-split-view > dimming,
+.sidebar-pane .content-pane flap > dimming,
+.sidebar-pane .content-pane leaflet > dimming,
+.sidebar-pane .content-pane navigation-view > dimming,
+.sidebar-pane .content-pane overlay-split-view > dimming {
+  background: @secondary_sidebar_shade_color;
+}
+
+.content-pane .sidebar-pane flap > shadow,
+.content-pane .sidebar-pane leaflet > shadow,
+.content-pane .sidebar-pane navigation-view > shadow,
+.content-pane .sidebar-pane overlay-split-view > shadow,
+.sidebar-pane .content-pane flap > shadow,
+.sidebar-pane .content-pane leaflet > shadow,
+.sidebar-pane .content-pane navigation-view > shadow,
+.sidebar-pane .content-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.content-pane .sidebar-pane flap > shadow.left,
+.content-pane .sidebar-pane leaflet > shadow.left,
+.content-pane .sidebar-pane navigation-view > shadow.left,
+.content-pane .sidebar-pane overlay-split-view > shadow.left,
+.sidebar-pane .content-pane flap > shadow.left,
+.sidebar-pane .content-pane leaflet > shadow.left,
+.sidebar-pane .content-pane navigation-view > shadow.left,
+.sidebar-pane .content-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to right, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.right,
+.content-pane .sidebar-pane leaflet > shadow.right,
+.content-pane .sidebar-pane navigation-view > shadow.right,
+.content-pane .sidebar-pane overlay-split-view > shadow.right,
+.sidebar-pane .content-pane flap > shadow.right,
+.sidebar-pane .content-pane leaflet > shadow.right,
+.sidebar-pane .content-pane navigation-view > shadow.right,
+.sidebar-pane .content-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to left, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.up,
+.content-pane .sidebar-pane leaflet > shadow.up,
+.content-pane .sidebar-pane navigation-view > shadow.up,
+.content-pane .sidebar-pane overlay-split-view > shadow.up,
+.sidebar-pane .content-pane flap > shadow.up,
+.sidebar-pane .content-pane leaflet > shadow.up,
+.sidebar-pane .content-pane navigation-view > shadow.up,
+.sidebar-pane .content-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to bottom, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.down,
+.content-pane .sidebar-pane leaflet > shadow.down,
+.content-pane .sidebar-pane navigation-view > shadow.down,
+.content-pane .sidebar-pane overlay-split-view > shadow.down,
+.sidebar-pane .content-pane flap > shadow.down,
+.sidebar-pane .content-pane leaflet > shadow.down,
+.sidebar-pane .content-pane navigation-view > shadow.down,
+.sidebar-pane .content-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.7), alpha(@secondary_sidebar_shade_color,0.14) 40px, alpha(@secondary_sidebar_shade_color,0) 56px), linear-gradient(to top, alpha(@secondary_sidebar_shade_color,0.4), alpha(@secondary_sidebar_shade_color,0.14) 7px, alpha(@secondary_sidebar_shade_color,0) 24px);
+}
+
+.content-pane .sidebar-pane banner > revealer > widget,
+.sidebar-pane .content-pane banner > revealer > widget {
+  background-color: mix(@accent_bg_color,@secondary_sidebar_bg_color,0.7);
+  color: @secondary_sidebar_fg_color;
+}
+
+.content-pane .sidebar-pane banner > revealer > widget:backdrop,
+.sidebar-pane .content-pane banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@secondary_sidebar_backdrop_color,0.85);
+}
+
+.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(ltr),
+.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(rtl),
+.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: inset -1px 0 alpha(currentColor,0.1);
+}
+
+.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(rtl),
+.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(ltr),
+.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: inset 1px 0 alpha(currentColor,0.1);
+}
+
+.sidebar-pane .sidebar-pane {
+  background-color: transparent;
+  color: inherit;
+}
+
+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;
+}
+
+#NautilusPathButton, .content-pane headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .content-pane headerbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .content-pane headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:focus:not(:hover):not(:active), .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:not(:hover):not(:active), .content-pane headerbar button:focus:not(:hover):not(:active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:focus:not(:hover):not(:active) {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:hover, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .content-pane headerbar button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:hover {
+  color: @window_fg_color;
+}
+
+.keyboard-activating#NautilusPathButton, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .content-pane headerbar button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button.keyboard-activating, #NautilusPathButton:active, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .content-pane headerbar button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:active {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:disabled, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled, .content-pane headerbar button:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:disabled {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .content-pane headerbar button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:hover, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .content-pane headerbar button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:hover {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:active, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .content-pane headerbar button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:active {
+  color: @window_fg_color;
+}
+
+#NautilusPathButton:checked:disabled, .content-pane headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:disabled, .content-pane headerbar button:checked:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .pathbar button:checked:disabled {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar entry {
+  color: @window_fg_color;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close {
+  color: transparent;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:active {
+  color: white;
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop > image, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop > image, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop > image,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop > image {
+  background-color: alpha(@window_fg_color,0.3);
+}
+
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).minimize:backdrop:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).maximize:backdrop:active, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop:hover, .content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).close:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.minimize:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.maximize:backdrop:active,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop:hover,
+.content-pane headerbar windowcontrols > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button.close:backdrop:active {
+  color: alpha(@window_fg_color,0.45);
+}
+
+.content-pane headerbar switch {
+  background-color: alpha(@window_fg_color,0.15);
+}
+
+.content-pane headerbar switch:hover {
+  background-color: alpha(@window_fg_color,0.2);
+}
+
+.content-pane headerbar switch:active {
+  background-color: alpha(@window_fg_color,0.25);
+}
+
+.content-pane headerbar switch:hover > slider, .content-pane headerbar switch:active > slider {
+  box-shadow: 0 2px 3px transparent, 0 0 0 6px alpha(@window_fg_color,0.1);
+}
+
+.content-pane headerbar switch:checked {
+  background-color: @accent_bg_color;
+}
+
+.content-pane tabbar .box {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:selected {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:hover {
+  color: @window_fg_color;
+}
+
+.content-pane tabbar tab:active {
+  color: @window_fg_color;
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+  padding: 6px 0;
+}
+
+.navigation-sidebar, .navigation-sidebar.view, window.print .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled {
+  background-color: transparent;
+  color: inherit;
+}
+
+.navigation-sidebar.background, .navigation-sidebar.background:disabled {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+}
+
+.navigation-sidebar > row {
+  min-height: 34px;
+  padding: 0 8px;
+  border-radius: 6px;
+  margin: 0 6px 3px;
+}
+
+.navigation-sidebar > separator {
+  margin: 6px;
+  background: none;
+}
+
+.navigation-sidebar row.activatable:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+.navigation-sidebar row.activatable:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+.navigation-sidebar row.activatable.has-open-popup {
+  background-color: alpha(currentColor,0.07);
+}
+
+.navigation-sidebar row.activatable:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+.navigation-sidebar row.activatable:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+.navigation-sidebar row.activatable:selected.has-open-popup {
+  background-color: alpha(currentColor,0.13);
+}
+
+.navigation-sidebar row:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+@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.45;
+}
+
+spinbutton {
+  padding: 0;
+  border-spacing: 0;
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  margin: 0;
+  border-radius: 0;
+  box-shadow: none;
+  border-style: solid;
+  border-color: alpha(currentColor,0.1);
+}
+
+spinbutton:not(.vertical) {
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton:not(.vertical) > text {
+  min-width: 28px;
+  padding: 6px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  min-height: 16px;
+  min-width: 22px;
+  padding-bottom: 0;
+  padding-top: 0;
+  border-left-width: 1px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl),
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) {
+  border-left-width: 0;
+  border-right-width: 1px;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child,
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child,
+spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+spinbutton.vertical {
+  /* :not here just to bump specificity above that of the list button styling */
+}
+
+spinbutton.vertical > text {
+  min-height: 30px;
+  min-width: 30px;
+}
+
+spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child,
+spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child {
+  border-top-width: 1px;
+  border-radius: 0 0 6px 6px;
+}
+
+spinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child,
+spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child {
+  border-bottom-width: 1px;
+  border-radius: 6px 6px 0 0;
+}
+
+switch {
+  border-radius: 9999px;
+  padding: 3px;
+  background-color: alpha(currentColor,0.15);
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+switch:hover {
+  background-color: alpha(currentColor,0.2);
+}
+
+switch:active {
+  background-color: alpha(currentColor,0.25);
+}
+
+switch {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+switch:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+switch:disabled {
+  filter: opacity(0.45);
+}
+
+switch > slider {
+  min-width: 18px;
+  min-height: 18px;
+  border-radius: 50%;
+  background-color: white;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 0 transparent;
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+switch:hover > slider, switch:active > slider {
+  box-shadow: 0 2px 3px transparent, 0 0 0 6px alpha(currentColor,0.1);
+}
+
+switch:checked {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+}
+
+switch:checked:hover {
+  background-image: image(alpha(currentColor,0.1));
+}
+
+switch:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+switch:checked > slider {
+  color: @window_fg_color;
+  background-color: white;
+}
+
+.osd switch:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+.osd switch:checked {
+  background-color: rgba(255, 255, 255, 0.6);
+  color: rgba(0, 0, 0, 0.75);
+}
+
+tabbar .box {
+  background-color: @headerbar_bg_color;
+  color: @headerbar_fg_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+  padding: 1px;
+  padding-top: 0;
+}
+
+tabbar .box:backdrop {
+  background-color: @headerbar_backdrop_color;
+  transition: background-color 200ms ease-out;
+}
+
+tabbar .box:backdrop > scrolledwindow,
+tabbar .box:backdrop > .start-action,
+tabbar .box:backdrop > .end-action {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+tabbar tabbox {
+  padding-bottom: 6px;
+  padding-top: 6px;
+  min-height: 34px;
+}
+
+tabbar tabbox > tabboxchild {
+  border-radius: 6px;
+}
+
+tabbar tabbox > tabboxchild {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+tabbar tabbox > tabboxchild:focus-within:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+tabbar tabbox > separator {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+  opacity: 0;
+}
+
+tabbar tabbox > revealer > indicator {
+  min-width: 2px;
+  border-radius: 2px;
+  margin: 3px 6px;
+  background: alpha(@accent_color,0.5);
+}
+
+tabbar tab {
+  transition: background 150ms ease-in-out;
+}
+
+tabbar tab:selected {
+  background-color: alpha(currentColor,0.1);
+}
+
+tabbar tab:selected:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+tabbar tab:selected:active {
+  background-color: alpha(currentColor,0.19);
+}
+
+tabbar tab:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+tabbar tab:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+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: 6px;
+}
+
+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;
+}
+
+toolbarview > .top-bar tabbar .box,
+toolbarview > .bottom-bar tabbar .box, tabbar.inline .box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+toolbarview > .top-bar tabbar .box:backdrop,
+toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar tabbar .box:backdrop > scrolledwindow,
+toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow,
+toolbarview > .top-bar tabbar .box:backdrop > .start-action,
+toolbarview > .bottom-bar tabbar .box:backdrop > .start-action,
+tabbar.inline .box:backdrop > .start-action,
+toolbarview > .top-bar tabbar .box:backdrop > .end-action,
+toolbarview > .bottom-bar tabbar .box:backdrop > .end-action,
+tabbar.inline .box:backdrop > .end-action {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing tabbar tabbox,
+toolbarview > .bottom-bar .collapse-spacing tabbar tabbox,
+toolbarview > .top-bar .collapse-spacing tabbar .start-action,
+toolbarview > .bottom-bar .collapse-spacing tabbar .start-action,
+toolbarview > .top-bar .collapse-spacing tabbar .end-action,
+toolbarview > .bottom-bar .collapse-spacing tabbar .end-action {
+  padding-top: 0;
+  padding-bottom: 6px;
+}
+
+dnd tab {
+  background-color: @headerbar_bg_color;
+  background-image: image(alpha(currentColor,0.19));
+  color: @headerbar_fg_color;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
+  margin: 25px;
+}
+
+tabbar tab,
+dnd tab {
+  min-height: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(@accent_color,0.5);
+  transform: translateY(4px);
+}
+
+tabgrid > tabgridchild .card {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+tabgrid > tabgridchild:focus:focus-visible .card {
+  outline-color: alpha(@accent_color,0.45);
+  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(@accent_bg_color,0.4);
+  background-color: alpha(@accent_bg_color,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: @accent_color;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 8px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(@accent_color,0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  outline-offset: -1px;
+  border-radius: 12px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: @thumbnail_bg_color;
+  color: @thumbnail_fg_color;
+}
+
+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(@thumbnail_bg_color,0.75);
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular:hover {
+  background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.1),0.75);
+}
+
+tabthumbnail button.circular:active {
+  background-color: alpha(mix(@thumbnail_bg_color,currentColor,0.2),0.75);
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+cursor-handle {
+  all: unset;
+  padding: 24px 20px;
+}
+
+cursor-handle > contents {
+  min-width: 20px;
+  min-height: 20px;
+  border-radius: 50%;
+  background-color: @accent_bg_color;
+}
+
+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);
+}
+
+magnifier {
+  background-color: @view_bg_color;
+}
+
+/******************
+ * AdwToggleGroup *
+ ******************/
+toggle-group {
+  background: alpha(currentColor,0.05);
+  border-radius: 9px;
+  padding: 3px;
+}
+
+toggle-group:disabled {
+  background-color: color-mix(in srgb, alpha(currentColor,0.05) 45%, transparent);
+}
+
+toggle-group > toggle {
+  border-radius: 6px;
+  font-weight: bold;
+  min-width: 34px;
+  min-height: 28px;
+}
+
+toggle-group > toggle.image-button > image:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle.text-button {
+  min-width: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group > toggle.text-button > label:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle.image-text-button {
+  min-width: 16px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group > toggle.image-text-button > buttoncontent > box > label {
+  padding: 0;
+}
+
+toggle-group > toggle.image-text-button > buttoncontent > box > image:disabled,
+toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled {
+  filter: opacity(0.3);
+}
+
+toggle-group > toggle {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group > toggle:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 0;
+}
+
+toggle-group > toggle:hover {
+  background-color: alpha(currentColor,0.07);
+}
+
+toggle-group > toggle:active, toggle-group > toggle.keyboard-activating {
+  background-color: alpha(currentColor,0.16);
+}
+
+toggle-group > toggle:checked {
+  background-color: alpha(currentColor,0.1);
+  color: @card_fg_color;
+  box-shadow: none;
+}
+
+toggle-group > toggle:checked:disabled {
+  background-color: alpha(currentColor,0.07);
+  box-shadow: none;
+}
+
+toggle-group.osd, .osd toggle-group {
+  --active-toggle-bg-color: white;
+  --active-toggle-fg-color: rgb(0 0 0 / 80%);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked {
+  box-shadow: none;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked {
+  outline: 0 solid transparent;
+  outline-offset: 5px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible {
+  outline-color: color-mix(in srgb, #ffffff 25%, transparent);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked, toggle-group.osd:not(.flat) > toggle:checked:hover, toggle-group.osd:not(.flat) > toggle:checked:active, toggle-group.osd:not(.flat) > toggle:checked.keyboard-activating, .osd toggle-group:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked:hover, .osd toggle-group:not(.flat) > toggle:checked:active, .osd toggle-group:not(.flat) > toggle:checked.keyboard-activating {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:checked, .osd toggle-group:not(.flat) > toggle:checked:checked {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+toggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled {
+  box-shadow: none;
+}
+
+toggle-group.vertical > toggle:not(.text-button):not(.image-text-button) {
+  min-width: 28px;
+}
+
+toggle-group > separator {
+  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group > separator.horizontal {
+  margin: 3px 1px;
+}
+
+toggle-group > separator.vertical {
+  margin: 1px 3px;
+}
+
+toggle-group > separator.hidden {
+  opacity: 0;
+}
+
+toggle-group > separator:disabled {
+  filter: Opacity(0.45);
+}
+
+toggle-group.round {
+  border-radius: 17px;
+}
+
+toggle-group.round toggle {
+  border-radius: 14px;
+}
+
+toggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+toggle-group.round separator.horizontal {
+  margin: 6px 1px;
+}
+
+toggle-group.round separator.vertical {
+  margin: 1px 6px;
+}
+
+toggle-group.flat {
+  background: none;
+  color: inherit;
+  box-shadow: none;
+  padding: 0;
+}
+
+toggle-group.flat > toggle {
+  min-height: 34px;
+}
+
+toggle-group.flat > toggle {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+toggle-group.flat > toggle:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+toggle-group.flat > toggle.text-button {
+  min-width: 18px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+toggle-group.flat > toggle.image-text-button {
+  min-width: 16px;
+  padding-left: 11px;
+  padding-right: 11px;
+}
+
+toggle-group.flat > toggle:checked {
+  background-color: alpha(currentColor,0.1);
+  color: inherit;
+  box-shadow: none;
+}
+
+toggle-group.flat > toggle:checked:hover {
+  background-color: alpha(currentColor,0.13);
+}
+
+toggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating {
+  background-color: alpha(currentColor,0.19);
+}
+
+toggle-group.flat > toggle:checked:disabled {
+  background-color: color-mix(in srgb, alpha(currentColor,0.1) var(--disabled-opacity), transparent);
+}
+
+toggle-group.flat > separator {
+  background: none;
+}
+
+/*************************
+ * AdwInlineViewSwitcher *
+ *************************/
+inline-view-switcher > toggle-group.icons > toggle {
+  min-width: 34px;
+}
+
+inline-view-switcher > toggle-group.labels > toggle {
+  min-width: calc(18px + var(---group-padding) * 2);
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin {
+  padding-left: calc(11px - var(---group-padding));
+  padding-right: calc(11px - var(---group-padding));
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label {
+  padding: 0 6px;
+}
+
+inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask {
+  transform: translateY(2px);
+}
+
+inline-view-switcher > toggle-group.both > toggle {
+  min-width: calc(10px + var(---group-padding) * 2);
+}
+
+inline-view-switcher > toggle-group.both > toggle > widget > box {
+  padding-left: calc(15px - var(---group-padding));
+  padding-right: calc(15px - var(---group-padding));
+  border-spacing: 6px;
+}
+
+actionbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, searchbar > revealer > box.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, .osd.toolbar button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible, headerbar.osd button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+.toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque),
+headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
+  color: inherit;
+  background-color: transparent;
+}
+
+actionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.toolbar {
+  padding: 6px;
+  border-spacing: 6px;
+}
+
+.toolbar.osd {
+  padding: 12px;
+  border-radius: 12px;
+}
+
+toolbarview > .top-bar .collapse-spacing .toolbar,
+toolbarview > .bottom-bar .collapse-spacing .toolbar {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/****************
+ * GtkSearchBar *
+ ****************/
+searchbar > revealer > box {
+  padding: 6px 6px 7px 6px;
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+  box-shadow: inset 0 -1px alpha(@headerbar_border_color,0.12);
+}
+
+searchbar > revealer > box:backdrop {
+  background-color: @view_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+searchbar > revealer > box:backdrop > * {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+searchbar > revealer > box .close {
+  min-width: 18px;
+  min-height: 18px;
+  padding: 4px;
+  border-radius: 50%;
+}
+
+searchbar > revealer > box .close:dir(ltr) {
+  margin-left: 10px;
+  margin-right: 4px;
+}
+
+searchbar > revealer > box .close:dir(rtl) {
+  margin-left: 4px;
+  margin-right: 10px;
+}
+
+toolbarview > .top-bar searchbar > revealer > box,
+toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser searchbar > revealer > box, window.shortcuts searchbar > revealer > box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 6px;
+}
+
+toolbarview > .top-bar searchbar > revealer > box:backdrop,
+toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar searchbar > revealer > box:backdrop > *,
+toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing searchbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd searchbar > revealer > box, window.shortcuts searchbar > revealer > box {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/****************
+ * GtkActionBar *
+ ****************/
+actionbar > revealer > box {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
+  box-shadow: inset 0 1px alpha(@headerbar_border_color,0.12);
+  padding: 7px 6px 6px 6px;
+}
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
+  border-spacing: 6px;
+}
+
+actionbar > revealer > box:backdrop {
+  background-color: @view_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+actionbar > revealer > box:backdrop > * {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+toolbarview > .top-bar actionbar > revealer > box,
+toolbarview > .bottom-bar actionbar > revealer > box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-top: 6px;
+}
+
+toolbarview > .top-bar actionbar > revealer > box:backdrop,
+toolbarview > .bottom-bar actionbar > revealer > box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+toolbarview > .top-bar actionbar > revealer > box:backdrop > *,
+toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * {
+  filter: none;
+  transition: none;
+}
+
+toolbarview > .top-bar .collapse-spacing actionbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+/*************
+ * AdwBanner *
+ *************/
+banner > revealer > widget {
+  /* There are 2 more instances in _sidebars.css, keep in sync with that */
+  background-color: mix(@accent_bg_color,@window_bg_color,0.7);
+  color: @window_fg_color;
+  padding: 6px;
+}
+
+banner > revealer > widget:backdrop {
+  background-color: mix(@accent_bg_color,@window_bg_color,0.85);
+  transition: background-color 200ms ease-out;
+}
+
+banner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+/******************
+ * AdwToolbarView *
+ ******************/
+toolbarview > .top-bar button.pill,
+toolbarview > .bottom-bar button.pill {
+  padding: 5px 24px;
+}
+
+toolbarview > .top-bar .collapse-spacing,
+toolbarview > .bottom-bar .collapse-spacing {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+toolbarview > .top-bar .collapse-spacing headerbar,
+toolbarview > .bottom-bar .collapse-spacing headerbar {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+toolbarview > .top-bar.raised,
+toolbarview > .bottom-bar.raised {
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+}
+
+toolbarview > .top-bar.raised:backdrop,
+toolbarview > .bottom-bar.raised:backdrop {
+  background-color: @headerbar_bg_color;
+  transition: background-color 200ms ease-out;
+}
+
+toolbarview > .top-bar.raised:backdrop > windowhandle,
+toolbarview > .bottom-bar.raised:backdrop > windowhandle {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+toolbarview > .top-bar.raised searchbar > revealer > box, toolbarview > .top-bar.raised actionbar > revealer > box,
+toolbarview > .bottom-bar.raised searchbar > revealer > box,
+toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: @headerbar_backdrop_color;
+  color: @headerbar_fg_color;
+  box-shadow: none;
+}
+
+toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: @headerbar_bg_color;
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+  background: linear-gradient(to bottom, alpha(@shade_color,0.75), transparent 6px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+  background: linear-gradient(to top, alpha(@shade_color,0.75), transparent 6px);
+}
+
+window.devel toolbarview > .top-bar {
+  background-image: cross-fade(5% -gtk-recolor(url("assets/devel-symbolic.svg")), image(transparent));
+  background-repeat: repeat-x;
+}
+
+window.devel dialog toolbarview > .top-bar {
+  background-image: unset;
+  background-repeat: unset;
+}
+
+toolbarview > .top-bar.raised {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+toolbarview > .top-bar.raised.border {
+  box-shadow: 0 1px alpha(currentColor,0.12);
+}
+
+toolbarview > .bottom-bar.raised {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview > .bottom-bar.raised.border {
+  box-shadow: 0 -1px alpha(currentColor,0.12);
+}
+
+toolbarview columnview > header > button, toolbarview window.print treeview.dialog-action-box > header > button, window.print toolbarview treeview.dialog-action-box > header > button, toolbarview treeview.view > header > button {
+  border-bottom: none;
+  border-color: transparent;
+  border-image: linear-gradient(to bottom, @window_bg_color 20%, alpha(currentColor,0.12) 20%, alpha(currentColor,0.12) 80%, @window_bg_color 80%) 0 0 0 1/0 0 0 1px stretch;
+}
+
+toolbarview columnview > header > button:first-child, toolbarview window.print treeview.dialog-action-box > header > button:first-child, window.print toolbarview treeview.dialog-action-box > header > button:first-child, toolbarview treeview.view > header > button:first-child {
+  border-image: none;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised,
+.sidebar-pane toolbarview > .bottom-bar.raised, .content-pane toolbarview > .top-bar.raised,
+.content-pane toolbarview > .bottom-bar.raised, .about toolbarview > .top-bar.raised,
+.about toolbarview > .bottom-bar.raised {
+  box-shadow: none;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised, .sidebar-pane toolbarview > .top-bar.raised:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised,
+.sidebar-pane toolbarview > .bottom-bar.raised:backdrop, .content-pane toolbarview > .top-bar.raised, .content-pane toolbarview > .top-bar.raised:backdrop,
+.content-pane toolbarview > .bottom-bar.raised,
+.content-pane toolbarview > .bottom-bar.raised:backdrop, .about toolbarview > .top-bar.raised, .about toolbarview > .top-bar.raised:backdrop,
+.about toolbarview > .bottom-bar.raised,
+.about toolbarview > .bottom-bar.raised:backdrop {
+  color: inherit;
+  background-color: transparent;
+}
+
+.sidebar-pane toolbarview > .top-bar.raised searchbar > revealer > box, .sidebar-pane toolbarview > .top-bar.raised actionbar > revealer > box,
+.sidebar-pane toolbarview > .bottom-bar.raised searchbar > revealer > box,
+.sidebar-pane toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: transparent;
+  color: @sidebar_fg_color;
+  box-shadow: inset 0 1px alpha(currentColor,0.1);
+}
+
+.sidebar-pane toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, .sidebar-pane toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+.sidebar-pane toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: transparent;
+}
+
+.content-pane toolbarview > .top-bar.raised searchbar > revealer > box, .content-pane toolbarview > .top-bar.raised actionbar > revealer > box,
+.content-pane toolbarview > .bottom-bar.raised searchbar > revealer > box,
+.content-pane toolbarview > .bottom-bar.raised actionbar > revealer > box {
+  background-color: transparent;
+  color: @window_fg_color;
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+.content-pane toolbarview > .top-bar.raised searchbar > revealer > box:backdrop, .content-pane toolbarview > .top-bar.raised actionbar > revealer > box:backdrop,
+.content-pane toolbarview > .bottom-bar.raised searchbar > revealer > box:backdrop,
+.content-pane toolbarview > .bottom-bar.raised actionbar > revealer > box:backdrop {
+  background-color: transparent;
+}
+
+tooltip {
+  padding: 6px 10px;
+  border-radius: 9px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  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;
+}
+
+.view, window.print .dialog-action-box,
+textview > text,
+dialog-host > dialog.view sheet,
+window.print dialog-host > dialog.dialog-action-box sheet,
+iconview {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+}
+
+.view:disabled, window.print .dialog-action-box:disabled,
+textview > text:disabled,
+dialog-host > dialog.view sheet:disabled,
+window.print dialog-host > dialog.dialog-action-box sheet:disabled,
+iconview:disabled {
+  color: alpha(currentColor,0.5);
+  background-color: mix(@window_bg_color,@view_bg_color,0.4);
+}
+
+.view:selected:focus, .view:selected, window.print .dialog-action-box:selected,
+textview > text:selected,
+dialog-host > dialog.view sheet:selected,
+window.print dialog-host > dialog.dialog-action-box sheet:selected,
+iconview:selected {
+  background-color: alpha(@accent_color,0.25);
+  border-radius: 6px;
+}
+
+textview {
+  caret-color: currentColor;
+}
+
+textview > text {
+  background-color: transparent;
+}
+
+textview > border {
+  background-color: mix(@window_bg_color,@view_bg_color,0.5);
+}
+
+textview:drop(active) {
+  caret-color: @accent_bg_color;
+}
+
+rubberband {
+  border: 1px solid @accent_color;
+  background-color: alpha(@accent_color,0.2);
+}
+
+flowbox > flowboxchild,
+gridview > child {
+  padding: 3px;
+  border-radius: 6px;
+}
+
+flowbox > flowboxchild,
+gridview > child {
+  outline: 0 solid transparent;
+  outline-offset: 4px;
+  transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+flowbox > flowboxchild:focus:focus-visible,
+gridview > child:focus:focus-visible {
+  outline-color: alpha(@accent_color,0.45);
+  outline-width: 2px;
+  outline-offset: -2px;
+}
+
+flowbox > flowboxchild:selected,
+gridview > child:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+gridview > child.activatable:hover {
+  background-color: alpha(currentColor,0.04);
+}
+
+gridview > child.activatable:active {
+  background-color: alpha(currentColor,0.08);
+}
+
+gridview > child.activatable:selected:hover {
+  background-color: alpha(@accent_color,0.32);
+}
+
+gridview > child.activatable:selected:active {
+  background-color: alpha(@accent_color,0.39);
+}
+
+viewswitcher {
+  border-spacing: 3px;
+}
+
+viewswitcher.narrow {
+  margin-top: -3px;
+  margin-bottom: -3px;
+  min-height: 6px;
+}
+
+viewswitcher button.toggle {
+  padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > label {
+  min-height: 18px;
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 2px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 2px 12px;
+  border-spacing: 6px;
+}
+
+/**********************
+ * AdwViewSwitcherBar *
+ **********************/
+viewswitcherbar actionbar > revealer > box {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 6px;
+}
+
+toolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box,
+toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box {
+  padding-top: 6px;
+}
+
+/************************
+ * AdwViewSwitcherTitle *
+ ************************/
+viewswitchertitle {
+  margin-top: -6px;
+  margin-bottom: -6px;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+viewswitchertitle viewswitcher.narrow {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+viewswitchertitle viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitchertitle windowtitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/*******************
+ * AdwIndicatorBin *
+ *******************/
+indicatorbin > indicator, indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 100px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  background: alpha(currentColor,0.4);
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background: @accent_color;
+}
+
+indicatorbin.badge > indicator,
+indicatorbin.badge > mask {
+  min-height: 13px;
+}
+
+indicatorbin.badge > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding-left: 4px;
+  padding-right: 4px;
+  color: white;
+}
+
+indicatorbin.badge.needs-attention > indicator {
+  background: @accent_bg_color;
+}
+
+indicatorbin.badge.needs-attention > indicator > label {
+  color: @accent_fg_color;
+}
+
+window {
+  border: none;
+}
+
+window.csd {
+  margin: 0;
+  border-radius: 12px;
+  outline-offset: -1px;
+  outline: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.csd:backdrop {
+  transition: box-shadow 200ms ease-out;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+window.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom {
+  border-radius: 0;
+  outline: none;
+}
+
+window.csd.maximized, window.csd.fullscreen {
+  border-radius: 0;
+  outline: none;
+  box-shadow: none;
+  transition: none;
+}
+
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: @headerbar_bg_color;
+  border: 1px solid @headerbar_darker_shade_color;
+}
+
+window.ssd {
+  box-shadow: 0 0 0 1px @headerbar_darker_shade_color;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+  padding: 0;
+}
+
+popover.background.pages-popover listview > row {
+  padding: 6px;
+}
+
+popover.background.pages-popover listview > row button {
+  margin: 0;
+}
+
+popover.background.pages-popover listview > row check {
+  margin: 4px 2px;
+  -gtk-icon-size: 12px;
+}
+
+panelresizer .top-bar {
+  box-shadow: inset 0 -1px alpha(currentColor,0.12);
+}
+
+.frameheader.header {
+  min-height: 46px;
+  padding: 0;
+  border: none;
+  border-bottom: 1px solid alpha(currentColor,0.12);
+  background-color: @headerbar_backdrop_color;
+}
+
+.frameheader.header:backdrop {
+  background-color: @headerbar_bg_color;
+}
+
+.frameheader.header tabbar.inline tabbox > tabboxchild {
+  margin: 0;
+}
+
+panelframeswitcher.frameheader.header {
+  padding: 0 6px;
+}
+
+panelframeswitcher > button.toggle.image-button {
+  border: none;
+  margin: 6px 0;
+}
+
+panelstatusbar {
+  box-shadow: inset 0 1px alpha(currentColor,0.12);
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+  border-radius: 0;
+}
+
+panelwidget entry.statusbar {
+  background-color: @window_bg_color;
+  border-radius: 0;
+  outline: none;
+  box-shadow: none;
+  border-top: 1px solid alpha(currentColor,0.12);
+}
+
+panelwidget entry.statusbar:focus-within {
+  outline: none;
+}
+
+.IdeTweaksWindow .boxed-list, .IdeTweaksWindow list.content,
+.org-gnome-Builder .boxed-list,
+.org-gnome-Builder list.content {
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.08);
+}
+
+.style-variant {
+  padding: 0 12px;
+}
+
+.style-variant button.toggle {
+  padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+  background: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+  border-radius: 6px;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+  box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+  outline-color: alpha(currentColor,0.05);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+  outline-color: alpha(currentColor,0.15);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+  outline-color: @accent_color;
+}
+
+.display-container.card {
+  box-shadow: none;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+.small .display-container.card {
+  border-radius: 0;
+  border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+  background-color: @view_bg_color;
+}
+
+.display-container #displayitem {
+  padding: 0 12px 8px 0;
+  font-size: 1.4em;
+  border-top: 1px solid alpha(currentColor,0.12);
+}
+
+.math-buttons button {
+  font-size: 1.1em;
+  padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+leaflet button.number-button {
+  background-color: alpha(currentColor,0.1);
+}
+
+leaflet button.number-button:hover {
+  background-color: alpha(currentColor,0.2);
+}
+
+leaflet button.number-button:active {
+  background-color: alpha(currentColor,0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px;
+}
+
+label.primary-label, label.month-name {
+  color: @accent_color;
+}
+
+label.secondary-label {
+  color: alpha(currentColor,0.45);
+}
+
+calendar-view {
+  font-size: 10pt;
+}
+
+calendar-view:selected {
+  color: @accent_color;
+  font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+  font-size: 10pt;
+  font-weight: bold;
+  color: alpha(currentColor,0.45);
+}
+
+calendar-view.current,
+weekgrid.current {
+  background-color: alpha(@accent_color,0.3);
+}
+
+popover.events {
+  background-color: @popover_bg_color;
+  color: @popover_fg_color;
+  padding: 0;
+}
+
+popover.events box {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+popover.events list {
+  color: @view_fg_color;
+  background-color: @view_bg_color;
+  border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+  border-width: 0;
+}
+
+popover.events button {
+  border-radius: 6px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-style: solid none none;
+  box-shadow: none;
+}
+
+event {
+  margin: 1px;
+  font-size: 0.9rem;
+}
+
+event widget.content {
+  margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+  border-radius: 6px;
+}
+
+event.timed widget.edge {
+  border-radius: 3px;
+  min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+  padding-left: 16px;
+  border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+  padding-right: 16px;
+  border-radius: 3px 0 0 3px;
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+  padding: 0;
+}
+
+.search-viewport {
+  background-color: @view_bg_color;
+}
+
+.calendar-list {
+  background-color: transparent;
+}
+
+.calendar-list > list {
+  border-radius: 4px;
+}
+
+.calendar-color-image {
+  -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+  -gtk-icon-shadow: 0 1px alpha(black,0.1);
+}
+
+datechooser {
+  color: @sidebar_fg_color;
+}
+
+datechooser navigator {
+  margin-right: 6px;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+datechooser navigator label {
+  font-weight: bold;
+}
+
+datechooser navigator button.flat,
+datechooser navigator button.pill,
+datechooser navigator button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+datechooser .weeknum, datechooser .weekday {
+  color: alpha(currentColor,0.45);
+  font-size: smaller;
+}
+
+datechooser button.day {
+  font-size: 10pt;
+  font-weight: normal;
+  margin: 2px;
+  padding: 4px;
+  min-height: 24px;
+  min-width: 24px;
+  transition: none;
+}
+
+datechooser button.day dot {
+  background-color: currentColor;
+  border-radius: 50%;
+  min-height: 3px;
+  min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+  background-color: @accent_fg_color;
+}
+
+datechooser button.day.today {
+  color: @accent_bg_color;
+}
+
+datechooser button.day.today dot {
+  background-color: @accent_bg_color;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+  color: alpha(currentColor,0.35);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+  background-color: alpha(currentColor,0.35);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+  color: alpha(currentColor,0.45);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+  background-color: alpha(currentColor,0.45);
+}
+
+.week-header {
+  padding: 0;
+}
+
+.week-header > box:first-child {
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+.week-header .week-number {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px 12px 18px 12px;
+  color: alpha(currentColor,0.35);
+}
+
+.week-header.week-temperature {
+  font-size: 10pt;
+  font-weight: bold;
+  color: alpha(currentColor,0.45);
+}
+
+.week-header.lines {
+  color: alpha(currentColor,0.12);
+}
+
+weekhourbar > label {
+  font-size: 10pt;
+  padding: 4px 6px;
+}
+
+.week-view .lines {
+  color: alpha(currentColor,0.12);
+}
+
+weekgrid > widget.now-strip {
+  background-color: alpha(@accent_color,0.8);
+  margin: 0 0 0 1px;
+  min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+  background-color: alpha(@accent_color,0.25);
+}
+
+monthcell {
+  border: solid 1px alpha(currentColor,0.12);
+  border-width: 1px 0 0 1px;
+  background-color: transparent;
+  transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+  background-color: @dialog_bg_color;
+  transition: background-color 200ms;
+  color: currentColor;
+}
+
+monthcell:selected {
+  background-color: alpha(@accent_color,0.1);
+}
+
+monthcell:selected:hover {
+  background-color: alpha(@accent_color,0.2);
+}
+
+monthcell:selected label.day-label {
+  font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+  border-left-width: 0;
+}
+
+monthcell.today {
+  background-color: alpha(@accent_color,0.2);
+}
+
+monthcell.today:hover {
+  background-color: alpha(@accent_color,0.3);
+  color: @accent_color;
+}
+
+monthcell.today:selected {
+  background-color: alpha(@accent_color,0.25);
+}
+
+monthcell.today:selected:hover {
+  background-color: alpha(@accent_color,0.35);
+}
+
+monthcell label {
+  color: currentColor;
+  font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+  font-size: 1rem;
+}
+
+monthcell.out-of-month {
+  background-color: alpha(currentColor,0.05);
+}
+
+monthcell.out-of-month label {
+  color: alpha(currentColor,0.75);
+}
+
+monthcell button {
+  padding: 0 6px;
+  border-radius: 0;
+  border-bottom: none;
+  border-right: none;
+}
+
+monthpopover > box {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+}
+
+.notes-section box > textview {
+  border-radius: 6px;
+  padding: 6px;
+}
+
+.notes-section box > textview > text {
+  background: none;
+}
+
+agenda-view list > row {
+  padding: 2px 12px;
+}
+
+agenda-view list > label {
+  padding: 6px 12px;
+}
+
+agenda-view > scrolledwindow > viewport > list.background {
+  background-color: transparent;
+}
+
+label.no-events {
+  font-style: italic;
+}
+
+searchbutton > popover > arrow {
+  background: none;
+  border: none;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser .current-week {
+  background: alpha(currentColor,0.07);
+  color: @sidebar_fg_color;
+  border-radius: 6px;
+}
+
+menubutton.sources-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 6px;
+  border-top-style: none;
+  border-bottom-style: none;
+}
+
+menubutton.sources-button:hover:not(:backdrop) {
+  background-image: none;
+  text-shadow: none;
+}
+
+menubutton.sources-button > button {
+  border-radius: 6px;
+  min-height: 0;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .title {
+  font-size: 10pt;
+  font-weight: normal;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .subtitle {
+  font-size: 8pt;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button .calendar-color-image {
+  -gtk-icon-size: 12px;
+}
+
+menubutton stack > box {
+  border-spacing: 6px;
+}
+
+.large-button {
+  padding: 6px;
+}
+
+.alarm-time {
+  font-size: 2.5em;
+  font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+  font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+  font-size: 6em;
+  font-weight: 300;
+}
+
+.clocks-ringing-title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+  font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+  font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+  font-size: 20pt;
+  font-weight: 300;
+}
+
+.timer-countdown {
+  font-size: 40pt;
+  font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+  font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+  font-size: 70px;
+  font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+  color: #8caaee;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+  font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.clock-location {
+  font-weight: bolder;
+}
+
+.hidden {
+  opacity: 0;
+}
+
+.clock-time {
+  font-size: 2em;
+  padding: 0.2em 0.5em;
+  border-radius: 1em;
+}
+
+.none .clock-time {
+  background: alpha(currentColor,0.2);
+}
+
+.night .clock-time {
+  color: #7e98e8;
+  background-color: alpha(#8caaee,0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+  color: #e0a363;
+  background-color: alpha(#f7d498,0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+  color: #e0a363;
+  background: alpha(#f3be7c,0.25);
+}
+
+.exit-info {
+  padding: 6px;
+  border-top: 2px solid @accent_color;
+  background: alpha(@accent_color,0.9);
+  color: @accent_fg_color;
+}
+
+.error .exit-info {
+  border-top: 2px solid @error_color;
+  background: alpha(@error_color,0.9);
+  color: @error_fg_color;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: alpha(currentColor,0.07);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: alpha(currentColor,0.16);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: @accent_color;
+}
+
+preferencesgroup > box .cutout-button {
+  background-color: @dialog_bg_color;
+}
+
+preferencesgroup > box button.accent,
+preferencesgroup > box button.accent-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 9999px;
+  background: var(--accent-bg-color);
+  outline: none;
+  background-clip: content-box;
+  box-shadow: none;
+}
+
+preferencesgroup > box button.accent:hover,
+preferencesgroup > box button.accent-button:hover {
+  box-shadow: 0 0 0 3px alpha(currentColor,0.07);
+}
+
+preferencesgroup > box button.accent:checked,
+preferencesgroup > box button.accent-button:checked {
+  box-shadow: 0 0 0 3px @accent_color;
+}
+
+preferencesgroup > box button.accent.blue, preferencesgroup > box button.accent.teal, preferencesgroup > box button.accent.green, preferencesgroup > box button.accent.yellow, preferencesgroup > box button.accent.orange, preferencesgroup > box button.accent.red, preferencesgroup > box button.accent.pink, preferencesgroup > box button.accent.purple, preferencesgroup > box button.accent.slate,
+preferencesgroup > box button.accent-button.blue,
+preferencesgroup > box button.accent-button.teal,
+preferencesgroup > box button.accent-button.green,
+preferencesgroup > box button.accent-button.yellow,
+preferencesgroup > box button.accent-button.orange,
+preferencesgroup > box button.accent-button.red,
+preferencesgroup > box button.accent-button.pink,
+preferencesgroup > box button.accent-button.purple,
+preferencesgroup > box button.accent-button.slate {
+  --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab));
+}
+
+preferencesgroup > box button.accent.blue,
+preferencesgroup > box button.accent-button.blue {
+  --accent-bg-color: var(--accent-blue);
+}
+
+preferencesgroup > box button.accent.teal,
+preferencesgroup > box button.accent-button.teal {
+  --accent-bg-color: var(--accent-teal);
+}
+
+preferencesgroup > box button.accent.green,
+preferencesgroup > box button.accent-button.green {
+  --accent-bg-color: var(--accent-green);
+}
+
+preferencesgroup > box button.accent.yellow,
+preferencesgroup > box button.accent-button.yellow {
+  --accent-bg-color: var(--accent-yellow);
+}
+
+preferencesgroup > box button.accent.orange,
+preferencesgroup > box button.accent-button.orange {
+  --accent-bg-color: var(--accent-orange);
+}
+
+preferencesgroup > box button.accent.red,
+preferencesgroup > box button.accent-button.red {
+  --accent-bg-color: var(--accent-red);
+}
+
+preferencesgroup > box button.accent.pink,
+preferencesgroup > box button.accent-button.pink {
+  --accent-bg-color: var(--accent-pink);
+}
+
+preferencesgroup > box button.accent.purple,
+preferencesgroup > box button.accent-button.purple {
+  --accent-bg-color: var(--accent-purple);
+}
+
+preferencesgroup > box button.accent.slate,
+preferencesgroup > box button.accent-button.slate {
+  --accent-bg-color: var(--accent-slate);
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+.floating-bar {
+  min-height: 24px;
+  padding: 5px;
+  margin: 6px;
+  border-style: none;
+  border-radius: 6px;
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar {
+  margin: 6px;
+}
+
+.floating-bar button {
+  margin: 0;
+  color: @accent_fg_color;
+}
+
+.nautilus-grid-view child.activatable {
+  padding: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell {
+  padding: 6px;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell .icon-ui-labels-box {
+  margin: 0 0 12px;
+  border-spacing: 0;
+}
+
+.nautilus-grid-view child.activatable #NautilusViewCell .dim-label,
+.nautilus-grid-view child.activatable #NautilusViewCell entry > text > placeholder, .nautilus-grid-view child.activatable #NautilusViewCell headerbar .subtitle, headerbar .nautilus-grid-view child.activatable #NautilusViewCell .subtitle,
+.nautilus-grid-view child.activatable #NautilusViewCell windowtitle .subtitle,
+windowtitle .nautilus-grid-view child.activatable #NautilusViewCell .subtitle, .nautilus-grid-view child.activatable #NautilusViewCell label.separator, .nautilus-grid-view child.activatable #NautilusViewCell row label.subtitle, row .nautilus-grid-view child.activatable #NautilusViewCell label.subtitle, .nautilus-grid-view child.activatable #NautilusViewCell row.property > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell row.expander image.expander-row-arrow, row.expander .nautilus-grid-view child.activatable #NautilusViewCell image.expander-row-arrow, .nautilus-grid-view child.activatable #NautilusViewCell row.expander.property box > list > row > box.header > box.title > .title, row.expander.property .nautilus-grid-view child.activatable #NautilusViewCell box > list > row > box.header > box.title > .title, .nautilus-grid-view child.activatable #NautilusViewCell progressbar > text, .nautilus-grid-view child.activatable #NautilusViewCell scale > value, .nautilus-grid-view child.activatable #NautilusViewCell spinbutton > text > placeholder {
+  border-spacing: 0;
+}
+
+.nautilus-list-view {
+  padding: 0;
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-list-view columnview.view, .nautilus-list-view treeview.view, .nautilus-list-view window.print columnview.dialog-action-box, window.print .nautilus-list-view columnview.dialog-action-box, .nautilus-list-view window.print treeview.dialog-action-box, window.print .nautilus-list-view treeview.dialog-action-box {
+  padding: 0;
+}
+
+.nautilus-list-view columnview.view > header > button:last-child, .nautilus-list-view treeview.view > header > button:last-child, .nautilus-list-view window.print columnview.dialog-action-box > header > button:last-child, window.print .nautilus-list-view columnview.dialog-action-box > header > button:last-child, .nautilus-list-view window.print treeview.dialog-action-box > header > button:last-child, window.print .nautilus-list-view treeview.dialog-action-box > header > button:last-child {
+  padding-right: 24px;
+}
+
+.nautilus-list-view listview.view, .nautilus-list-view window.print listview.dialog-action-box, window.print .nautilus-list-view listview.dialog-action-box {
+  padding: 6px;
+  margin: 0;
+  border-spacing: 3px;
+}
+
+.nautilus-list-view listview.view > row, .nautilus-list-view window.print listview.dialog-action-box > row, window.print .nautilus-list-view listview.dialog-action-box > row {
+  padding: 0;
+  margin: 0;
+  border-radius: 6px;
+}
+
+.nautilus-list-view listview.view > row > cell, .nautilus-list-view window.print listview.dialog-action-box > row > cell, window.print .nautilus-list-view listview.dialog-action-box > row > cell {
+  padding: 4px;
+}
+
+.nautilus-list-view listview.view > row > cell:last-child, .nautilus-list-view window.print listview.dialog-action-box > row > cell:last-child, window.print .nautilus-list-view listview.dialog-action-box > row > cell:last-child {
+  padding-right: 24px;
+}
+
+.nautilus-list-view listview.view > row:nth-child(odd):not(:disabled), .nautilus-list-view window.print listview.dialog-action-box > row:nth-child(odd):not(:disabled), window.print .nautilus-list-view listview.dialog-action-box > row:nth-child(odd):not(:disabled) {
+  background-image: image(alpha(currentColor,0.015));
+}
+
+.nautilus-list-view listview.view #NautilusViewCell, .nautilus-list-view window.print listview.dialog-action-box #NautilusViewCell, window.print .nautilus-list-view listview.dialog-action-box #NautilusViewCell {
+  padding: 0;
+}
+
+.nautilus-list-view listview.view #NautilusViewCell button.star.circular, .nautilus-list-view window.print listview.dialog-action-box #NautilusViewCell button.star.circular, window.print .nautilus-list-view listview.dialog-action-box #NautilusViewCell button.star.circular {
+  margin: 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 3px;
+  border-radius: 9999px;
+}
+
+#NautilusQueryEditor > menubutton {
+  margin: 2px 0;
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 3px;
+}
+
+#NautilusPathBar {
+  background-color: alpha(currentColor,0.05);
+  border-radius: 6px;
+  padding: 0;
+  color: @window_fg_color;
+}
+
+#NautilusPathButton {
+  margin: 0;
+  border-radius: 6px;
+}
+
+list.operations-list {
+  background: none;
+}
+
+list.operations-list > row, list.operations-list > row:hover, list.operations-list > row:active, list.operations-list > row:focus, list.operations-list > row:selected {
+  background: none;
+  transition: none;
+  animation: none;
+}
+
+button.image-button.star {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+.details-page {
+  margin: 24px 0px;
+}
+
+.installed-overlay-box {
+  font-size: smaller;
+  background-color: @accent_color;
+  border-radius: 0;
+  color: @accent_fg_color;
+  text-shadow: 0 1px 0 alpha(black,0.2);
+}
+
+screenshot-carousel box.frame {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+  margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+  margin-top: 6px;
+  margin-bottom: 12px;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.app-tile-label {
+  font-size: 105%;
+}
+
+.review-textbox {
+  padding: 6px;
+}
+
+.origin-rounded-box {
+  background-color: alpha(currentColor,0.07);
+  border-radius: 9999px;
+  padding: 4px;
+}
+
+.origin-beta {
+  color: #f3be7c;
+}
+
+.origin-button > button {
+  padding: 3px 9px;
+}
+
+.card flowboxchild.card {
+  border: none;
+  box-shadow: none;
+  padding: 0;
+  background: none;
+}
+
+.category-tile.card {
+  padding: 21px;
+  border: none;
+  border-radius: 6px;
+  min-width: 140px;
+  font-weight: 900;
+  font-size: larger;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.category-tile.card.category-tile-iconless {
+  padding: 9px 15px;
+  min-width: 130px;
+  font-size: 105%;
+  font-weight: normal;
+  box-shadow: none;
+  background-color: alpha(currentColor,0.05);
+}
+
+.category-tile.card.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: white;
+}
+
+.category-tile.card.category-create:hover {
+  background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+  color: white;
+}
+
+.category-tile.card.category-create:active {
+  background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+  color: white;
+}
+
+.category-tile.card.category-develop {
+  background: #5e5c64;
+  color: white;
+}
+
+.category-tile.card.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+  color: white;
+}
+
+.category-tile.card.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+  color: white;
+}
+
+.category-tile.card.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: white;
+}
+
+.category-tile.card.category-learn:hover {
+  background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+  color: white;
+}
+
+.category-tile.card.category-learn:active {
+  background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+  color: white;
+}
+
+.category-tile.card.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-play:hover {
+  background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-play:active {
+  background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+.category-tile.card.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: alpha(currentColor,0.75);
+}
+
+.category-tile.card.category-socialize:hover {
+  background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+.category-tile.card.category-socialize:active {
+  background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+.category-tile.card.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+.category-tile.card.category-work:hover {
+  color: #1c71d8;
+  background-color: #fefcef;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+}
+
+.category-tile.card.category-work:active {
+  color: #1c71d8;
+  background-color: #fcf4bf;
+  background-image: linear-gradient(alpha(currentColor,0.12) 1px, transparent 1px), linear-gradient(90deg, alpha(currentColor,0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+  font-size: larger;
+}
+
+.featured-tile {
+  padding: 0;
+  box-shadow: none;
+  color: currentColor;
+}
+
+.featured-tile label.title-1 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+  font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+  background-color: alpha(currentColor,0.05);
+  color: currentColor;
+  border: 1px solid alpha(currentColor,0.12);
+}
+
+.application-details-infobar.warning {
+  background-color: @warning_color;
+  color: @warning_fg_color;
+  border: 1px solid alpha(@warning_fg_color,0.1);
+}
+
+@keyframes install-progress-unknown-move {
+  0% {
+    background-position: 0%;
+  }
+  50% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: 0%;
+  }
+}
+
+.application-details-description .button {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.install-progress {
+  background-image: linear-gradient(to top, @accent_color 2px, alpha(@accent_color,0) 2px);
+  background-repeat: no-repeat;
+  background-position: 0 bottom;
+  background-size: 0;
+  transition: none;
+}
+
+.install-progress:dir(rtl) {
+  background-position: 100% bottom;
+}
+
+.review-row > * {
+  margin: 12px;
+}
+
+.review-row button {
+  font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+  margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+  border-image: linear-gradient(to top, alpha(currentColor,0.12), alpha(currentColor,0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+  border-image: none;
+}
+
+review-bar {
+  color: alpha(currentColor,0.45);
+  background-image: none;
+  background-color: alpha(currentColor,0.35);
+}
+
+.review-histogram star-image {
+  color: alpha(currentColor,0.45);
+}
+
+.version-arrow-label {
+  font-size: x-small;
+}
+
+.overview-more-button {
+  font-size: smaller;
+  padding: 0 16px;
+}
+
+.app-row-origin-text {
+  font-size: smaller;
+}
+
+.app-listbox-header {
+  padding: 6px;
+  border-bottom: 1px solid alpha(currentColor,0.12);
+}
+
+.image-list {
+  background-color: transparent;
+}
+
+box.star {
+  background-color: transparent;
+  background-image: none;
+}
+
+button.star {
+  outline-offset: 0;
+  background-color: transparent;
+  background-image: none;
+  border-image: none;
+  border-radius: 0;
+  border-width: 0;
+  padding: 0;
+  box-shadow: none;
+  outline-offset: -1px;
+}
+
+star-image {
+  color: #e0a363;
+}
+
+.dimmer-label {
+  opacity: 0.25;
+}
+
+.update-failed-details {
+  font-family: Monospace;
+  font-size: smaller;
+  padding: 16px;
+}
+
+.upgrade-banner {
+  padding: 0px;
+  border-radius: 6px;
+  border: none;
+}
+
+.upgrade-banner-background {
+  background: linear-gradient(to bottom, #a6d189, #8caaee);
+  color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+  margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+  margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+  margin-top: 12px;
+}
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon {
+  color: alpha(currentColor,0.45);
+  min-height: 32px;
+  min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+  border: 1px solid alpha(currentColor,0.12);
+  background-color: transparent;
+  border-radius: 0;
+  padding: 24px 12px 21px 12px;
+  outline-offset: 5px;
+  transition-property: outline, outline-offset, background-image;
+  border-bottom: none;
+  border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+  background-image: none;
+  background-color: alpha(currentColor,0.07);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+  background-color: alpha(currentColor,0.16);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+  outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+  border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+  border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: alpha(currentColor,0.12);
+}
+
+carousel.card {
+  border: none;
+  background-color: alpha(currentColor,0.05);
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+  font-size: 24px;
+  padding: 16px;
+  min-width: 24px;
+  /* 60px minus the left and right padding */
+  min-height: 24px;
+  /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+  margin-top: -28px;
+  margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+  -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+  color: currentColor;
+  background-color: alpha(currentColor,0.07);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+  color: mix(black,@success_color,0.85);
+  background-color: alpha(@success_color,0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+  color: #8caaee;
+  background-color: alpha(#8caaee,0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+  color: mix(black,@warning_color,0.85);
+  background-color: alpha(@warning_color,0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #f7d498;
+  background-color: alpha(#f7d498,0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+  color: mix(black,@error_color,0.85);
+  background-color: alpha(@error_color,0.15);
+}
+
+.eol-red {
+  font-weight: bold;
+  color: @error_color;
+}
+
+window.narrow .app-title {
+  font-size: 16pt;
+}
+
+window.narrow .app-developer {
+  font-size: small;
+}
+
+.install-progress-label {
+  font-size: smaller;
+  font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+  margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+  -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);
+}
+
+window.info scrollbar.vertical {
+  margin-top: 48px;
+  background: none;
+  box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+  margin-top: 0;
+}
+
+row.app > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+row.app > box.header {
+  border-spacing: 12px;
+}
+
+row.app > box.header > image {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+row.app label.warning {
+  color: #ea999c;
+}
+
+@keyframes pre-delay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    filter: opacity(0%);
+  }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+  animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+  animation-delay: 0s, 0.5s, 0.5s;
+}
+
+#places-label {
+  font-weight: bold;
+}
+
+#temperature-label {
+  font-size: 32pt;
+  font-weight: 900;
+  margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+  color: alpha(currentColor,0.75);
+}
+
+.content-view.cell {
+  font-weight: bold;
+}
+
+#locationEntry {
+  margin: 6px;
+}
+
+.weather-popover {
+  margin-top: 6px;
+}
+
+.forecast-card {
+  transition: border-radius 100ms ease-out;
+  border-radius: 6px;
+}
+
+.forecast-card separator {
+  background-color: alpha(currentColor,0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+  background-color: transparent;
+  min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+  margin-left: 18px;
+  margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+  margin-left: 0;
+  margin-right: 0;
+  border-radius: 0;
+  border-width: 1px 0;
+}
+
+WeatherThermometer {
+  margin-bottom: 12px;
+}
+
+.forecast-button {
+  margin: 0 12px;
+}
+
+.forecast-graphic {
+  margin: 18px;
+}
+
+button.osd.circular {
+  border-radius: 9999px;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 6px;
+}
+
+button.osd.circular > image {
+  padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+  background: none;
+  color: inherit;
+}
+
+playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering {
+  background-color: transparent;
+}
+
+playlistview queuerow picture.cover,
+playlistview queuerow image.card {
+  border: none;
+}
+
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px @accent_bg_color;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio, themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+  background-image: none;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+popover.menu themeswitcher {
+  padding: 6px;
+}
+
+popover.menu themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: @accent_fg_color;
+  background-color: @accent_bg_color;
+}
+
+popover.menu themeswitcher .check, popover.menu themeswitcher .check:hover, popover.menu themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+popover.menu themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  border: none;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px alpha(currentColor,0.12);
+}
+
+popover.menu themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px @accent_color;
+}
+
+popover.menu themeswitcher checkbutton radio {
+  padding: 0;
+  border: none;
+}
+
+popover.menu themeswitcher checkbutton radio, popover.menu themeswitcher checkbutton radio:hover, popover.menu themeswitcher checkbutton radio:active, popover.menu themeswitcher checkbutton radio:checked, popover.menu themeswitcher checkbutton radio:indeterminate {
+  background-color: transparent;
+  background-image: none;
+  box-shadow: none;
+  color: transparent;
+}
+
+popover.menu themeswitcher checkbutton radio:checked, popover.menu themeswitcher checkbutton radio:indeterminate {
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+popover.menu themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+popover.menu themeswitcher checkbutton.light {
+  color: alpha(black,0.8);
+  background-color: white;
+}
+
+popover.menu themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+styleselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 0;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: none;
+  border: none;
+}
+
+styleselector checkbutton:hover {
+  box-shadow: inset 0 0 0 2px alpha(currentColor,0.12);
+}
+
+styleselector checkbutton:checked {
+  box-shadow: inset 0 0 0 2px var(--accent-bg-color);
+}
+
+styleselector checkbutton:checked > radio, styleselector checkbutton:checked > radio:hover, styleselector checkbutton:checked > radio:checked, styleselector checkbutton:checked > radio:checked:hover {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg")));
+  color: var(--accent-fg-color);
+  background-color: var(--accent-bg-color);
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  border: none;
+}
+
+styleselector checkbutton > radio {
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+  margin: 0;
+}
+
+styleselector checkbutton > radio:not(:checked):not(:indeterminate), styleselector checkbutton > radio:not(:checked):not(:indeterminate):hover {
+  color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  -gtk-icon-source: none;
+}
+
+.note-window, .note-window .text-view.view, .note-window window.print .text-view.dialog-action-box, window.print .note-window .text-view.dialog-action-box, .note-window .text-view.view > text, .note-window window.print .text-view.dialog-action-box > text, window.print .note-window .text-view.dialog-action-box > text, .note-window .toolbar, .note-window .toolbar button {
+  color: @accent_fg_color;
+}
+
+.note-window .top-bar > windowhandle:backdrop {
+  filter: none;
+}
+
+.note-window popover > arrow,
+.note-window popover > contents {
+  border: 1px solid alpha(@accent_fg_color,0.1);
+  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05);
+}
+
+.note-window.style-yellow, .note-window.style-yellow .text-view.view, .note-window.style-yellow window.print .text-view.dialog-action-box, window.print .note-window.style-yellow .text-view.dialog-action-box, .note-window.style-yellow .text-view.view > text, .note-window.style-yellow window.print .text-view.dialog-action-box > text, window.print .note-window.style-yellow .text-view.dialog-action-box > text {
+  background-color: var(--accent-yellow);
+}
+
+.note-window.style-yellow headerbar.flat, .note-window.style-yellow window.print headerbar.titlebar, window.print .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow window.appchooser headerbar.titlebar, window.appchooser .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-yellow headerbar.adaptive-mode-flat, .note-window.style-yellow window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-yellow headerbar.titlebar, .note-window.style-yellow headerbar.flat:backdrop, .note-window.style-yellow .toolbar, .note-window.style-yellow .toolbar:backdrop {
+  background-color: var(--accent-yellow);
+}
+
+.note-window.style-yellow .text-view.view > text > selection, .note-window.style-yellow window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-yellow .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-yellow popover > arrow,
+.note-window.style-yellow popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-yellow),0.9);
+}
+
+.note-window.style-pink, .note-window.style-pink .text-view.view, .note-window.style-pink window.print .text-view.dialog-action-box, window.print .note-window.style-pink .text-view.dialog-action-box, .note-window.style-pink .text-view.view > text, .note-window.style-pink window.print .text-view.dialog-action-box > text, window.print .note-window.style-pink .text-view.dialog-action-box > text {
+  background-color: var(--accent-pink);
+}
+
+.note-window.style-pink headerbar.flat, .note-window.style-pink window.print headerbar.titlebar, window.print .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-pink headerbar.titlebar, .note-window.style-pink window.appchooser headerbar.titlebar, window.appchooser .note-window.style-pink headerbar.titlebar, .note-window.style-pink adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-pink headerbar.adaptive-mode-flat, .note-window.style-pink window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-pink headerbar.titlebar, .note-window.style-pink headerbar.flat:backdrop, .note-window.style-pink .toolbar, .note-window.style-pink .toolbar:backdrop {
+  background-color: var(--accent-pink);
+}
+
+.note-window.style-pink .text-view.view > text > selection, .note-window.style-pink window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-pink .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-pink popover > arrow,
+.note-window.style-pink popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-pink),0.9);
+}
+
+.note-window.style-green, .note-window.style-green .text-view.view, .note-window.style-green window.print .text-view.dialog-action-box, window.print .note-window.style-green .text-view.dialog-action-box, .note-window.style-green .text-view.view > text, .note-window.style-green window.print .text-view.dialog-action-box > text, window.print .note-window.style-green .text-view.dialog-action-box > text {
+  background-color: var(--accent-green);
+}
+
+.note-window.style-green headerbar.flat, .note-window.style-green window.print headerbar.titlebar, window.print .note-window.style-green headerbar.titlebar, .note-window.style-green window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-green headerbar.titlebar, .note-window.style-green window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-green headerbar.titlebar, .note-window.style-green window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-green headerbar.titlebar, .note-window.style-green window.appchooser headerbar.titlebar, window.appchooser .note-window.style-green headerbar.titlebar, .note-window.style-green adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-green headerbar.adaptive-mode-flat, .note-window.style-green window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-green headerbar.titlebar, .note-window.style-green headerbar.flat:backdrop, .note-window.style-green .toolbar, .note-window.style-green .toolbar:backdrop {
+  background-color: var(--accent-green);
+}
+
+.note-window.style-green .text-view.view > text > selection, .note-window.style-green window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-green .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-green popover > arrow,
+.note-window.style-green popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-green),0.9);
+}
+
+.note-window.style-purple, .note-window.style-purple .text-view.view, .note-window.style-purple window.print .text-view.dialog-action-box, window.print .note-window.style-purple .text-view.dialog-action-box, .note-window.style-purple .text-view.view > text, .note-window.style-purple window.print .text-view.dialog-action-box > text, window.print .note-window.style-purple .text-view.dialog-action-box > text {
+  background-color: var(--accent-purple);
+}
+
+.note-window.style-purple headerbar.flat, .note-window.style-purple window.print headerbar.titlebar, window.print .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-purple headerbar.titlebar, .note-window.style-purple window.appchooser headerbar.titlebar, window.appchooser .note-window.style-purple headerbar.titlebar, .note-window.style-purple adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-purple headerbar.adaptive-mode-flat, .note-window.style-purple window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-purple headerbar.titlebar, .note-window.style-purple headerbar.flat:backdrop, .note-window.style-purple .toolbar, .note-window.style-purple .toolbar:backdrop {
+  background-color: var(--accent-purple);
+}
+
+.note-window.style-purple .text-view.view > text > selection, .note-window.style-purple window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-purple .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-purple popover > arrow,
+.note-window.style-purple popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-purple),0.9);
+}
+
+.note-window.style-blue, .note-window.style-blue .text-view.view, .note-window.style-blue window.print .text-view.dialog-action-box, window.print .note-window.style-blue .text-view.dialog-action-box, .note-window.style-blue .text-view.view > text, .note-window.style-blue window.print .text-view.dialog-action-box > text, window.print .note-window.style-blue .text-view.dialog-action-box > text {
+  background-color: var(--accent-blue);
+}
+
+.note-window.style-blue headerbar.flat, .note-window.style-blue window.print headerbar.titlebar, window.print .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-blue headerbar.titlebar, .note-window.style-blue window.appchooser headerbar.titlebar, window.appchooser .note-window.style-blue headerbar.titlebar, .note-window.style-blue adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-blue headerbar.adaptive-mode-flat, .note-window.style-blue window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-blue headerbar.titlebar, .note-window.style-blue headerbar.flat:backdrop, .note-window.style-blue .toolbar, .note-window.style-blue .toolbar:backdrop {
+  background-color: var(--accent-blue);
+}
+
+.note-window.style-blue .text-view.view > text > selection, .note-window.style-blue window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-blue .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-blue popover > arrow,
+.note-window.style-blue popover > contents {
+  background-color: mix(@accent_fg_color,var(--accent-blue),0.9);
+}
+
+.note-window.style-gray, .note-window.style-gray .text-view.view, .note-window.style-gray window.print .text-view.dialog-action-box, window.print .note-window.style-gray .text-view.dialog-action-box, .note-window.style-gray .text-view.view > text, .note-window.style-gray window.print .text-view.dialog-action-box > text, window.print .note-window.style-gray .text-view.dialog-action-box > text {
+  background-color: #565656;
+}
+
+.note-window.style-gray headerbar.flat, .note-window.style-gray window.print headerbar.titlebar, window.print .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-gray headerbar.titlebar, .note-window.style-gray window.appchooser headerbar.titlebar, window.appchooser .note-window.style-gray headerbar.titlebar, .note-window.style-gray adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-gray headerbar.adaptive-mode-flat, .note-window.style-gray window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-gray headerbar.titlebar, .note-window.style-gray headerbar.flat:backdrop, .note-window.style-gray .toolbar, .note-window.style-gray .toolbar:backdrop {
+  background-color: #565656;
+}
+
+.note-window.style-gray .text-view.view > text > selection, .note-window.style-gray window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-gray .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-gray popover > arrow,
+.note-window.style-gray popover > contents {
+  background-color: mix(@accent_fg_color,#565656,0.9);
+}
+
+.note-window.style-charcoal, .note-window.style-charcoal .text-view.view, .note-window.style-charcoal window.print .text-view.dialog-action-box, window.print .note-window.style-charcoal .text-view.dialog-action-box, .note-window.style-charcoal .text-view.view > text, .note-window.style-charcoal window.print .text-view.dialog-action-box > text, window.print .note-window.style-charcoal .text-view.dialog-action-box > text {
+  background-color: #2b2b2b;
+}
+
+.note-window.style-charcoal headerbar.flat, .note-window.style-charcoal window.print headerbar.titlebar, window.print .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.pagesetup headerbar.titlebar, window.pagesetup .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.aboutdialog headerbar.titlebar, window.aboutdialog .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.colorchooser headerbar.titlebar, window.colorchooser .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal window.appchooser headerbar.titlebar, window.appchooser .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal adaptive-preview headerbar.adaptive-mode-flat, adaptive-preview .note-window.style-charcoal headerbar.adaptive-mode-flat, .note-window.style-charcoal window.shortcuts headerbar.titlebar, window.shortcuts .note-window.style-charcoal headerbar.titlebar, .note-window.style-charcoal headerbar.flat:backdrop, .note-window.style-charcoal .toolbar, .note-window.style-charcoal .toolbar:backdrop {
+  background-color: #2b2b2b;
+}
+
+.note-window.style-charcoal .text-view.view > text > selection, .note-window.style-charcoal window.print .text-view.dialog-action-box > text > selection, window.print .note-window.style-charcoal .text-view.dialog-action-box > text > selection {
+  background-color: alpha(@accent_fg_color,0.35);
+}
+
+.note-window.style-charcoal popover > arrow,
+.note-window.style-charcoal popover > contents {
+  background-color: mix(@accent_fg_color,#2b2b2b,0.9);
+}
+
+window#desktopwindow.background {
+  background: none;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+@define-color accent_bg_color #8caaee;
+@define-color accent_fg_color rgba(20, 20, 21, 0.87);
+@define-color accent_color #8caaee;
+@define-color destructive_bg_color #ea999c;
+@define-color destructive_fg_color rgba(20, 20, 21, 0.87);
+@define-color destructive_color #ea999c;
+@define-color success_bg_color #a6d189;
+@define-color success_fg_color rgba(20, 20, 21, 0.87);
+@define-color success_color #a6d189;
+@define-color warning_bg_color #f3be7c;
+@define-color warning_fg_color rgba(20, 20, 21, 0.87);
+@define-color warning_color #f3be7c;
+@define-color error_bg_color #ea999c;
+@define-color error_fg_color rgba(20, 20, 21, 0.87);
+@define-color error_color #ea999c;
+@define-color window_bg_color #171718;
+@define-color window_fg_color #e8e8ee;
+@define-color view_bg_color #171718;
+@define-color view_fg_color #e8e8ee;
+@define-color headerbar_bg_color #171718;
+@define-color headerbar_fg_color #e8e8ee;
+@define-color headerbar_border_color #e8e8ee;
+@define-color headerbar_backdrop_color #161617;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color headerbar_darker_shade_color rgba(20, 20, 21, 0.75);
+@define-color sidebar_bg_color #161617;
+@define-color sidebar_fg_color #e8e8ee;
+@define-color sidebar_backdrop_color #171718;
+@define-color sidebar_shade_color rgba(0, 0, 0, 0.25);
+@define-color sidebar_border_color rgba(232, 232, 238, 0.08);
+@define-color secondary_sidebar_bg_color #171718;
+@define-color secondary_sidebar_fg_color #e8e8ee;
+@define-color secondary_sidebar_backdrop_color #171718;
+@define-color secondary_sidebar_shade_color rgba(0, 0, 0, 0.25);
+@define-color secondary_sidebar_border_color rgba(232, 232, 238, 0.12);
+@define-color card_bg_color rgba(232, 232, 238, 0.04);
+@define-color card_fg_color #e8e8ee;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #161617;
+@define-color dialog_fg_color #e8e8ee;
+@define-color popover_bg_color #171718;
+@define-color popover_fg_color #e8e8ee;
+@define-color popover_shade_color rgba(0, 0, 0, 0.25);
+@define-color thumbnail_bg_color #17171c;
+@define-color thumbnail_fg_color #e8e8ee;
+@define-color shade_color rgba(0, 0, 0, 0.25);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+/* Public colors from Default */
+@define-color theme_bg_color @window_bg_color;
+@define-color theme_fg_color @window_fg_color;
+@define-color theme_base_color @view_bg_color;
+@define-color theme_text_color @view_fg_color;
+@define-color theme_selected_bg_color @accent_bg_color;
+@define-color theme_selected_fg_color @accent_fg_color;
+@define-color insensitive_bg_color mix(@window_bg_color,@view_bg_color,0.4);
+@define-color insensitive_fg_color alpha(@window_fg_color,0.5);
+@define-color insensitive_base_color @view_bg_color;
+@define-color borders alpha(currentColor,0.12);
+@define-color theme_unfocused_bg_color @window_bg_color;
+@define-color theme_unfocused_fg_color @window_fg_color;
+@define-color theme_unfocused_base_color @view_bg_color;
+@define-color theme_unfocused_text_color @view_fg_color;
+@define-color theme_unfocused_selected_bg_color @accent_bg_color;
+@define-color theme_unfocused_selected_fg_color @accent_fg_color;
+@define-color unfocused_insensitive_color @insensitive_bg_color;
+@define-color unfocused_borders alpha(currentColor,0.12);
diff --git a/gtk/.themes/Vague/index.theme b/gtk/.themes/Vague/index.theme
new file mode 100644
index 0000000..ecea547
--- /dev/null
+++ b/gtk/.themes/Vague/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Vague
+Comment=Pastel yet vivid, like a fleeting memory...
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Vague
+MetacityTheme=Vague
+IconTheme=Vague-icons
+CursorTheme=Vague-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/gtk/.themes/Vague/metacity-1/metacity-theme-1.xml b/gtk/.themes/Vague/metacity-1/metacity-theme-1.xml
new file mode 120000
index 0000000..562ac74
--- /dev/null
+++ b/gtk/.themes/Vague/metacity-1/metacity-theme-1.xml
@@ -0,0 +1 @@
+metacity-theme-3.xml
\ No newline at end of file
diff --git a/gtk/.themes/Vague/metacity-1/metacity-theme-2.xml b/gtk/.themes/Vague/metacity-1/metacity-theme-2.xml
new file mode 120000
index 0000000..562ac74
--- /dev/null
+++ b/gtk/.themes/Vague/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-3.xml
\ No newline at end of file
diff --git a/gtk/.themes/Vague/metacity-1/metacity-theme-3.xml b/gtk/.themes/Vague/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..4ca5f18
--- /dev/null
+++ b/gtk/.themes/Vague/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,755 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>Vague</name>
+  <author>Vittv</author>
+  <copyright>MIT</copyright>
+  <date>2026</date>
+  <description>Vague Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
+<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/>
+<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_border_focused" value="gtk:custom(wm_border,blend/#000000/gtk:bg[NORMAL]/0.5)"/>
+<constant name="C_border_unfocused" value="gtk:custom(wm_border,blend/#000000/gtk:bg[NORMAL]/0.65)"/>
+<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/>
+<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_icon" value="gtk:custom(wm_button_icon,gtk:base[NORMAL])" />
+<constant name="C_button_close_hover_bg" value="gtk:custom(wm_button_close_hover_bg,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_close_active_bg" value="gtk:custom(wm_button_close_active_bg,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_max_hover_bg" value="gtk:custom(wm_button_max_hover_bg,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_max_active_bg" value="gtk:custom(wm_button_max_active_bg,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_min_hover_bg" value="gtk:custom(wm_button_min_hover_bg,gtk:fg[INSENSITIVE])"/>
+<constant name="C_button_min_active_bg" value="gtk:custom(wm_button_min_active_bg,gtk:fg[INSENSITIVE])"/>
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="10" rounded_top_right="10">
+  <distance name="left_width" value="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <distance name="left_titlebar_edge" value="6"/>
+  <distance name="right_titlebar_edge" value="6"/>
+  <distance name="title_vertical_pad" value="10"/>
+  <border name="title_border" left="10" right="10" top="6" bottom="6"/>
+  <border name="button_border" left="0" right="0" top="5" bottom="5"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="6" rounded_bottom_right="6" parent="normal">
+  <distance name="title_vertical_pad" value="6"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+</draw_ops>
+
+<draw_ops name="rounded_border_focused">
+  <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" />
+  <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+  <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" />
+  <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+  <arc color="C_border_focused" x="0" y="0" width="25" height="25"  start_angle="270" extent_angle="90" />
+  <arc color="C_border_focused" x="width-26" y="0" width="25" height="25"  start_angle="0" extent_angle="90" />
+  <!-- double arcs for darker borders -->
+  <arc color="C_border_focused" x="0" y="0" width="25" height="25"  start_angle="270" extent_angle="90" />
+  <arc color="C_border_focused" x="width-26" y="0" width="25" height="25"  start_angle="0" extent_angle="90" />
+  <line color="C_highlight_focused" x1="13" y1="1" x2="width - 14" y2="1"/>
+  <arc color="C_highlight_focused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="rounded_border_unfocused">
+  <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" />
+  <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" />
+  <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" />
+  <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" />
+  <arc color="C_border_unfocused" x="0" y="0" width="25" height="25"  start_angle="270" extent_angle="90" />
+  <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25"  start_angle="0" extent_angle="90" />
+  <!-- double arcs for darker borders -->
+  <arc color="C_border_unfocused" x="0" y="0" width="25" height="25"  start_angle="270" extent_angle="90" />
+  <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25"  start_angle="0" extent_angle="90" />
+  <line color="C_highlight_unfocused" x1="13" y1="1" x2="width - 14" y2="1"/>
+  <arc color="C_highlight_unfocused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/button.svg" colorize="C_button_close_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_close_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_close_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/button.svg" colorize="C_title_unfocused" x="(width - object_width) / 2" y="(height - object_height) / 2" alpha="0.25" width="object_width" height="object_height"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <include name="close_focused_prelight"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_focused_pressed"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_max_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_focused_prelight"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_focused_pressed"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_max_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_focused_prelight"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_focused_pressed"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/button.svg" colorize="C_button_min_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <image filename="assets/button.svg" colorize="C_button_min_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <image filename="assets/button.svg" colorize="C_button_min_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/>
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_focused_prelight"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_focused_pressed"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <piece position="overlay" draw_ops="rounded_border_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <piece position="overlay" draw_ops="rounded_border_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_max_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_max_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_max_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_max_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+<window version=">= 3.2" type="attached" style_set="attached_style_set"/>
+
+</metacity_theme>
diff --git a/gtk/.themes/Vague/xfwm4/themerc b/gtk/.themes/Vague/xfwm4/themerc
new file mode 100644
index 0000000..7cfdfed
--- /dev/null
+++ b/gtk/.themes/Vague/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=3
+button_spacing=0
+show_app_icon=false
+full_width_title=true
+frame_border_top=3
+maximized_offset=0
+
+active_text_color=active_text_color_2
+active_text_shadow_color=active_hilight_2
+inactive_text_color=inactive_text_color_2
+inactive_text_shadow_color=inactive_hilight_2
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
+
+title_horizontal_offset=1
+title_shadow_active=false
+title_shadow_inactive=false
+title_vertical_offset_active=1
+title_vertical_offset_inactive=1
diff --git a/install.sh b/install.sh
new file mode 100755
index 0000000..b90ea61
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+for dir in */; do
+  dir="${dir%/}"
+  echo "Stowing: $dir"
+  stow "$dir"
+done
+
+gsettings set org.gnome.desktop.interface gtk-theme "Vague"
diff --git a/nvim/.config/nvim/lua/configs.lua b/nvim/.config/nvim/lua/configs.lua
index 4df91d2..5f6f453 100644
--- a/nvim/.config/nvim/lua/configs.lua
+++ b/nvim/.config/nvim/lua/configs.lua
@@ -7,20 +7,9 @@ opt.wrap = false
 opt.splitright = true
 opt.splitbelow = true
 
-vim.cmd("colorscheme vim")
-
-vim.opt.termguicolors = true
-
-vim.api.nvim_set_hl(0, "Normal", { bg = "none" })
-vim.api.nvim_set_hl(0, "NormalFloat", { bg = "none" })
-
--- mini.pick colors
-vim.api.nvim_set_hl(0, "MiniPickNormal", { bg = "#000000" })
-vim.api.nvim_set_hl(0, "MiniPickBorder", { bg = "#000000", fg = "#000000" })
-vim.api.nvim_set_hl(0, "MiniPickMatchCurrent", { bg = "#1e1e2e" })
+vim.cmd.colorscheme("vague")
 
 if vim.g.neovide then
-	vim.g.neovide_opacity = 0.8
 	vim.o.guifont = "ComicShannsMono Nerd Font"
 
 	local function copy() vim.cmd([[normal! "+y]]) end
diff --git a/nvim/.config/nvim/lua/keymaps.lua b/nvim/.config/nvim/lua/keymaps.lua
index e796aa7..262f4fe 100644
--- a/nvim/.config/nvim/lua/keymaps.lua
+++ b/nvim/.config/nvim/lua/keymaps.lua
@@ -2,21 +2,30 @@ local keymap = vim.keymap.set
 
 keymap("n", "<Esc>", ":nohlsearch<CR>")
 
-keymap("n", "<leader>en", ":edit $MYVIMRC<CR>")
-keymap("n", "<leader>ez", ":edit ~/.zshrc<CR>")
-keymap("n", "<leader>eo", ":edit ~/dotfiles/oxwm/.config/oxwm/config.lua<CR>")
-
 keymap("v", "J", ":m '>+1<CR>gv=gv")
 keymap("v", "K", ":m '<-2<CR>gv=gv")
 
+keymap('c', '<C-j>', '<down>')
+keymap('c', '<C-k>', '<up>')
+
 for _, k in ipairs({ "h", "j", "k", "l" }) do
 	keymap({ "n", "i", "v" }, "<C-" .. k .. ">", "<C-w><C-" .. k .. ">")
 end
 
+keymap({ "n", "t" }, "<C-/>", function()
+	require("snacks").terminal()
+end)
+
+-- Edit
+keymap("n", "<leader>en", ":edit $MYVIMRC<CR>")
+keymap("n", "<leader>ez", ":edit ~/.zshrc<CR>")
+keymap("n", "<leader>eo", ":edit ~/dotfiles/oxwm/.config/oxwm/config.lua<CR>")
+
 keymap("n", "<leader>f", ":Pick files<CR>")
 keymap("n", "<leader>g", ":Pick grep_live<CR>")
 
-vim.keymap.set('n', '<leader>p', function()
+-- Project
+vim.keymap.set('n', '<leader>pf', function()
 	local root = vim.fn.expand("~/programming")
 	local items = vim.fn.globpath(root, '*', false, true)
 	local dirs = {}
@@ -36,8 +45,8 @@ vim.keymap.set('n', '<leader>p', function()
 	end)
 end)
 
-keymap("n", "<leader>lf", vim.lsp.buf.format)
+vim.keymap.set("n", "<leader>pv", ":Explore<CR>")
 
-keymap({ "n", "t" }, "<C-/>", function()
-	require("snacks").terminal()
-end)
+-- Language
+keymap("n", "<leader>lf", vim.lsp.buf.format)
+keymap("n", "<leader>la", vim.lsp.buf.code_action)
diff --git a/nvim/.config/nvim/lua/plugins.lua b/nvim/.config/nvim/lua/plugins.lua
index 3307b11..6732428 100644
--- a/nvim/.config/nvim/lua/plugins.lua
+++ b/nvim/.config/nvim/lua/plugins.lua
@@ -6,14 +6,12 @@ vim.pack.add {
 	{ src = "https://github.com/saghen/blink.cmp" },
 	{ src = "https://github.com/nvim-lualine/lualine.nvim" },
 	{ src = "https://github.com/sphamba/smear-cursor.nvim" },
-
 	{ src = "https://github.com/m00qek/baleia.nvim" },
 	{ src = "https://github.com/esmuellert/codediff.nvim" },
 	{ src = "https://github.com/NeogitOrg/neogit" },
-
 	{ src = "https://github.com/folke/snacks.nvim" },
-
 	{ src = "https://github.com/saghen/blink.lib" },
+	{ src = "https://github.com/vague-theme/vague.nvim" },
 }
 
 require("mini.pick").setup {}
diff --git a/nvim/.config/nvim/nvim-pack-lock.json b/nvim/.config/nvim/nvim-pack-lock.json
index 2981f87..7a2ac39 100644
--- a/nvim/.config/nvim/nvim-pack-lock.json
+++ b/nvim/.config/nvim/nvim-pack-lock.json
@@ -44,6 +44,10 @@
       "rev": "8701bece920b38ea289b457f902e2ad184131a5d",
       "src": "https://github.com/rcarriga/nvim-notify"
     },
+    "render-markdown.nvim": {
+      "rev": "5adf0895310c1904e5abfaad40a2baad7fe44a07",
+      "src": "https://github.com/MeanderingProgrammer/render-markdown.nvim"
+    },
     "smear-cursor.nvim": {
       "rev": "9e9378d6ee34bb3782e0e8c63d9ec8ca618b479b",
       "src": "https://github.com/sphamba/smear-cursor.nvim"
@@ -55,6 +59,10 @@
     "todo-comments.nvim": {
       "rev": "31e3c38ce9b29781e4422fc0322eb0a21f4e8668",
       "src": "https://github.com/folke/todo-comments.nvim"
+    },
+    "vague.nvim": {
+      "rev": "8ee15ea4505d64ede559ff1cb112582a6f2ea138",
+      "src": "https://github.com/vague-theme/vague.nvim"
     }
   }
 }
diff --git a/stow.sh b/stow.sh
deleted file mode 100755
index 03fcbe6..0000000
--- a/stow.sh
+++ /dev/null
@@ -1,7 +0,0 @@
-#!/bin/env bash
-
-for dir in */; do
-  dir="${dir%/}"
-  echo "Stowing: $dir"
-  stow "$dir"
-done